如何重置setInterval定时器?

How do I reset the setInterval timer?

本文关键字：定时器 setInterval 何重置      更新时间：2023-09-26

如何将setInterval定时器复位为0?

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

我尝试了clearInterval(myTimer)，但这完全停止了间隔。我想让它从0重新开始

如果你说的"重启"是指在此时开始一个新的4秒间隔，那么你必须停止并重新启动计时器。

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);

你也可以使用一个提供重置功能的小定时器对象:

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 or original interval, stop current interval
    this.reset = function(newT = t) {
        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/

使用clearInterval清除间隔后，您可以再次使用setInterval。为了避免重复回调，将其外部化为一个单独的函数:

var ticker = function() {
    console.log('idle');
};

: 

var myTimer = window.setInterval(ticker, 4000);

然后当你决定重新启动时:

window.clearInterval(myTimer);
myTimer = window.setInterval(ticker, 4000);

如果有人感兴趣，这里是Typescript和next 3版本:]

可组合useInterval.ts

useInterval.ts 

export function useInterval (callback: CallableFunction, interval: number): Interval { // Argument interval = milliseconds
  return new Interval(callback, interval)
}
class Interval {
  private timer = null
  constructor (private callback, private interval) {
  }
  start () {
    this.timer = setInterval(this.callback, this.interval)
  }
  stop () {
    clearInterval(this.timer)
    this.timer = null
  }
  restart (interval = 0) {
    this.stop()
    if (interval) {
      this.interval = interval
    }
    this.start()
  }
}


const interval = useInterval(function() {
// your function here
}, 5000);    
// Reset the interval and set it to 10s
interval.reset(10000);
// Stop the interval
interval.stop();
// Start the interval
interval.start();
相关文章：