0
次のajaxページがあります。フォームが提出され、タイマーが期限切れになるかボタンがクリックされると、タイマーはカウントダウンを再開します。
何らかの理由で、タイマーがリセットされずにマイナスになります。誰かがこれを修正する方法を教えてもらえますか？JavaScriptタイマーのヘルプが必要
私は私のコメントで述べたように、あなたは<=0を使用する必要があり、
test.htm:
<html>
<head>
<script type="text/javascript" src="http://mootools.net/download/get/mootools-core-1.3-full-compat.js"></script>
</head>
<body>
<div id="container">
<form id="form" name="form" action="test.htm" method="post">
Remaining time: <input type="text" name="clock" size="4">seconds
<input type="submit" value="submit" ID="questionSubmit">
</form>
<script type="text/javascript">
var timeLeft = 10;
function startClock() {
timeLeft--;
document.form.clock.value = timeLeft;
if(timeLeft == 0) {
sendForm();
}
else {
setTimeout("startClock()", 1000);
}
}
setTimeout("startClock()", 1000);
</script>
<script type="text/javascript">
function handleSubmit(e) {
e = new Event(e).stop();
sendForm();
}
function sendForm() {
$('form').set('send', {onComplete: function(response) {
$('container').set('html', response);
$('questionSubmit').addEventListener('click', handleSubmit, false);
setTimeout("startClock()", 1000);
}});
//Send the form.
$('form').send();
}
$('questionSubmit').addEventListener('click', handleSubmit, false);
</script>
</div>
</body>
</html>
私の最初の推測では、あなたが<= 0の代わりに使用する必要があるということです
<input id="timeLeft" type="hidden" value="<?php echo $time; ?>" />... ==、あなたが何とか0をスキップする場合に備えて。 – Robert
私は 'sendForm（）;'が毎秒呼び出されます。 – Caner
私には負の数はカウントされません。また、send（）も同様に機能するようです。 – Kissaki