如何添加提交表单的 5 分钟脚本倒数计时器
How to add 5 minute javascript countdown timer which submit a form
我想添加 5 分钟倒数计时器,将表单提交到我的 php 页面。
<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>
请帮助我..我正在做一个测验页面,倒计时结束时会自动提交表格。谢谢。。。
这是你想要的,我前段时间用过——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 是您要在何处显示的另一个参数。
您可能还需要清除间隔-
clearInterval(interVal)
带形式
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);
}
}
function SubmitFunction(){
$('form').submit();
}
CountDown(300,$('#display'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="display">
</div>
<form action="/" >
<lable>Name: <input type="text"></lable>
</form>
/*timer*/
var seconds = 300;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60),
remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
//form1 is your form name
document.form1.submit();
} else {
seconds--;
}
}
var countdownTimer = setInterval('secondPassed()', 1000);
.timer {
width: 100px;
font-size: 2.5em;
text-align: center;
}
<div class="timer">
<time id="countdown">5:00</time>
</div>
<form action="index.php" name="form1" id="form1">
您可以使用 Window setTimeout() 方法在 5 分钟后调用提交表单
setTimeout(function submitform()
{
document.myform.submit();
}, 60*1000*5);
>setTimeout()
将在 300000
毫秒 = 5 分钟后触发SubmitForm
函数。
function SubmitForm(){
$("form").submit();
};
setTimeout(SubmitForm,300000);//5*60*1000
希望这有帮助
var trig = setInterval(timer,1000);
var counter=0;
var min=4;
var sec=60;
function timer(){
sec=--sec;
if(sec===0){
min=--min;
sec=59;
counter=++counter;
}
if(counter===5){
sec=0;
min=0;
clearInterval(trig);
functionSubmit();
document.write("Submitted");
}
document.getElementById("output").innerHTML = min+" : "+sec;
}
<p>Autosubmit in <span id="output"></span></p>
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 借助asp.net验证或java脚本对多个文本进行验证
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- Java脚本时间添加
- 不显示带有本地json文件数据的谷歌地图脚本
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 从远程脚本获取用户IP
- 谷歌脚本在5分钟后删除电子表格行
- 每 1 分钟在 chrome 中运行一次脚本
- 调整秒表脚本以返回经过的分钟和秒数
- Chrome 扩展程序,每分钟刷新一次页面,并在每次刷新时运行 (javascript) 脚本
- 如何添加提交表单的 5 分钟脚本倒数计时器
- 常量脚本 -> 更改 src iframe (1 分钟, 5分钟) + jQuery
- 谷歌脚本每分钟触发一次不起作用
- 每x分钟运行一次phantomjs脚本
- 运行jQuery脚本发出ajax请求2分钟后出现错误net::ERR_INSUFFICIENT_RESOURCES
- 如何使用脚本一个接一个地自动关闭IE的选项卡,这些脚本是使用批处理文件从2分钟后打开的.
- Greasemonkey脚本,每分钟重新加载页面
- 使用ajax请求每隔x分钟运行一次php脚本
- 如何循环和脚本运行每4分钟