如何解决如何在html div的代码中显示javascript计时器?
我有一个简单的计时器来计时测试,效果很好
$(document).ready(function() {
var varTimerInMiliseconds = 3000;
setTimeout(function(){
document.getElementById("cntnt01moduleform_1").submit();
},varTimerInMiliseconds);
});
但是,我也想向参加考试的学生展示倒计时。如何将计时器本身传递到ID为id="testTimer"
的div中,如何将计时器转换为分钟和秒而不是毫秒?
解决方法
此代码可让您从5倒数到1,并打印到testTimer
格中。
<div id="testTimer"></div>
JS代码
function Timer() {
var counter = 10;
var myTimer = setInterval(function() {
document.getElementById("testTimer").innerHTML = counter;
counter--;
if (counter < 0) {
clearInterval(myTimer);
document.getElementById("testTimer").style.color = "red";
// do anything then time is up. ex: submit() function
document.getElementById("cntnt01moduleform_1").submit();
}
},1000);
}
Timer();
如您所见,不需要将毫秒数乘以秒。您只需每1000毫秒执行一次秒更新。 JS Feedle
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。