如何重置setInterval计时器？ [英] How do I reset the setInterval timer?

问题描述

如何将 setInterval 计时器重置为0？

How do I reset a setInterval timer back to 0?

var myTimer = setInterval(function() {
  console.log('idle');
}, 4000);

我试过 clearInterval（myTimer）但是完全停止间隔。我希望它从0重新开始。

I tried clearInterval(myTimer) but that completely stops the interval. I want it to restart from 0.

推荐答案

如果通过重启，你的意思是在这个时间开始一个新的4秒间隔那一刻，你必须停止并重新启动计时器。

If by "restart", you mean to start a new 4 second interval at this moment, then you must stop and restart the timer.

function myFn() {console.log('idle');}

var myTimer = setInterval(myFn, 4000);

// Then, later at some future time, 
// to restart a new 4 second interval starting at this exact moment in time
clearInterval(myTimer);
myTimer = setInterval(myFn, 4000);

---

您还可以使用提供的小计时器对象重置功能：

---

You could also use a little timer object that offers a reset feature:

function Timer(fn, t) {
    var timerObj = setInterval(fn, t);

    this.stop = function() {
        if (timerObj) {
            clearInterval(timerObj);
            timerObj = null;
        }
        return this;
    }

    // start timer using current settings (if it's not already running)
    this.start = function() {
        if (!timerObj) {
            this.stop();
            timerObj = setInterval(fn, t);
        }
        return this;
    }

    // start with new interval, stop current interval
    this.reset = function(newT) {
        t = newT;
        return this.stop().start();
    }
}

用法：

var timer = new Timer(function() {
    // your function here
}, 5000);


// switch interval to 10 seconds
timer.reset(10000);

// stop the timer
timer.stop();

// start the timer
timer.start();

工作演示： https://jsfiddle.net/jfriend00/t17vz506/

这篇关于如何重置setInterval计时器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！