使用moment.js停止计时器

时间:2018-06-02 23:48:53

标签: momentjs

我正在使用一个函数来启动一个使用moment.js库的计时器,我该如何设置一个停止计时器功能呢?

function startTimer()
{
var startTimestamp = moment().startOf("day");
setInterval(function() {
    startTimestamp.add(1, 'second');
    document.getElementById('timer').innerHTML =  
    startTimestamp.format('HH:mm:ss'); }, 1000);
  }
  startTimer();

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

提前致谢

1 个答案:

答案 0 :(得分:0)

    function startTimer() {
        var startTimestamp = moment().startOf("day");
        var myInterval = setInterval(function () {
            startTimestamp.add(1, 'second');
            document.getElementById('timer').innerHTML =
                startTimestamp.format('HH:mm:ss');
        }, 1000);
    }
    startTimer();

    function stopTimer() {
        clearInterval(myInterval);
    }
  1. 将间隔存储在变量中。我叫myInterval
  2. 创建一个名为stopTimer();的新函数,该函数使用clearInterval()方法清除间隔。
  3. 创建按钮或任何DOM元素以触发此操作,然后将onClick设置为stopTimer();