如何在 html div 的代码中显示 javascript 计时器？

Question

我有一个简单的计时器，可以为测试计时，效果很好

$(document).ready(function() {
    var varTimerInMiliseconds = 3000;
    setTimeout(function(){ 
        document.getElementById("cntnt01moduleform_1").submit();
    }, varTimerInMiliseconds);
});

但是，我还想向参加考试的学生显示倒计时。如何将计时器本身传递到 ID 为 id="testTimer" 的 div 中，如何将计时器转换为分钟和秒而不是毫秒？

Answer 1

此代码可让您从 5 倒计时到 1 并打印到 testTimer div。

<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