如何添加提交表格的5分钟javascript倒计时器 [英] How to add 5 minute javascript countdown timer which submit a form
本文介绍了如何添加提交表格的5分钟javascript倒计时器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想添加5分钟倒数计时器,将表单提交到我的php页面。
I want to add 5 minute countdown timer which submit a form to my php page.
<form name="myfm" id="myfm" method="post" action="Quiz.php">
<table width=100%> <tr> <td width=30><td></td></td></tr> <table border=0>
<?php $n=$n+1; ?>
<tr><td>Question <?php echo $n." "; echo $row[2]; ?></td></tr>
<tr><td class=style8><input type="radio" name="ques['<?php echo $n; ?>'][]" value=1><?php echo $row[3]; ?></td></tr>
<tr><td class=style8> <input type="radio" name="ques['<?php echo $n; ?>'][]" value=2><?php echo $row[4];?></td></tr>
<tr><td class=style8><input type="radio" name="ques['<?php echo $n; ?>'][]" value=3><?php echo $row[5];?></td></tr>
<tr><td class=style8><input type="radio" name="ques['<?php echo $n; ?>'][]" value=4><?php echo $row[6];?></td></tr>
<?php
}
echo "<tr><td><input type=submit name=submit id='result' value='Get Result'></form>";
?>
</table></table>
</form>
请帮助我..我正在做一个测验页面,在倒计时结束时自动提交表格.Thankyou。 ..
Please help me..I am doing a quiz page that automatically submit form when countdown ends.Thankyou...
推荐答案
这是你想要的,我刚才用过的 -
https://jsfiddle.net/v5uc9wfx/3/
Here is what you want, I used a while ago - https://jsfiddle.net/v5uc9wfx/3/
function CountDown(duration, display) {
if (!isNaN(duration)) {
var timer = duration, minutes, seconds;
var interVal= setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
$(display).html("<b>" + minutes + "m : " + seconds + "s" + "</b>");
if (--timer < 0) {
timer = duration;
SubmitFunction();
$('#display').empty();
clearInterval(interVal)
}
},1000);
}
}
此处 -
CountDown(duration, display)
持续时间以秒为单位传递,即300秒= 5分钟。 display是你想要显示的另一个参数。
Duration is passed in seconds, i.e. 300 second= 5 Minutes. display is another parameter you want to display where.
您可能还需要清除间隔 -
You might need to clear interval as well-
clearInterval(interVal)
使用form- https://jsfiddle.net/v5uc9wfx/4/
这篇关于如何添加提交表格的5分钟javascript倒计时器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文