使用 moment.js 显示计时器？

Question

如何使用 moment.js 显示从 00:00:00 开始并每秒更新一次的计时器并将值放入 div？

我想用它作为计时器。

非常感谢。

Answer 1

您可以使用内置的 setInterval 函数实现相同的目的。

不需要使用 moment.js

这是代码

function setTimer() {
  let time = 5 //define your seconds here

  let timer = setInterval(function() {
    if (time === 0) { //check if time is over 
      document.getElementById("timer").innerHTML = "Time up";
      clearInterval(timer); //clear the interval 
    } else {
      time-- 
      document.getElementById("timer").innerHTML = time; 
    }
  }, 1000);
}

setTimer()

<div id="timer"></div>

希望对您有所帮助

Answer 2

试试这个，它会有所帮助

var timerVar = setInterval(countTimer, 1000);
    var totalSeconds = 0;
    function countTimer() {
       ++totalSeconds;
       var hour = Math.floor(totalSeconds /3600);
       var minute = Math.floor((totalSeconds - hour*3600)/60);
       var seconds = totalSeconds - (hour*3600 + minute*60);
       if(hour < 10)
         hour = "0"+hour;
       if(minute < 10)
         minute = "0"+minute;
       if(seconds < 10)
         seconds = "0"+seconds;
       document.getElementById("timer").innerHTML = hour + ":" + minute + ":" + seconds;
    }

<div id="timer"></div>

使用 moment.js 显示计时器？

Using moment.js to show a timer?

javascript

jquery

counter