setInterval的用法

declare function setInterval(handler: any, timeout?: any, ...args: any[]): number;

MDN的解释

let intervalID = window.setInterval(func, delay[, param1, param2, ...]);
let intervalID = window.setInterval(code, delay);

参数
intervalID 是此重复操作的唯一辨识符,可以作为参数传给clearInterval()
func 是你想要重复调用的函数。
code 是另一种语法的应用,是指你想要重复执行的一段字符串构成的代码(使用该语法是不推荐的,不推荐的原因和eval()一样)。
delay 是每次延迟的毫秒数 (一秒等于1000毫秒),函数的每次调用会在该延迟之后发生。和setTimeout一样,实际的延迟时间可能会稍长一点。
需要注意的是,IE不支持第一种语法中向延迟函数传递额外参数的功能.如果你想要在IE中达到同样的功能,你必须使用一种兼容代码 (查看callback arguments 一段).

使用示例

function func(){console.log('func')}
setInterval(func,1000)//每隔1000ms触发func
setInterval("func()",1000)

注意

func()指函数执行后的结果,因此传递func时不要写括号。

传递code时,code是String类型,相当于使用eval()解释代码。

无论使用setInterval()还是setTimeout(),函数的执行环境会被设置成window,也就是说在函数内使用this其实是指window对象(或global全局对象,ES没有指明如何访问global对象,它通常作为window对象的一部分)。MDN原文建议用自己写的setInterval代替原生的setInterval,众所周知JavaScript函数的prototype包括call和apply方法,这两种方法的第一个参数可以接受this的值,因此收集this值后再调用JavaScript原生setInterval调用call或apply就可以了。以下是官方给出的代码:

// Enable the passage of the 'this' object through the JavaScript timers

var __nativeST__ = window.setTimeout, __nativeSI__ = window.setInterval;

window.setTimeout = function (vCallback, nDelay /*, argumentToPass1, argumentToPass2, etc. */) {
  var oThis = this, aArgs = Array.prototype.slice.call(arguments, 2);
  return __nativeST__(vCallback instanceof Function ? function () {
    vCallback.apply(oThis, aArgs);
  } : vCallback, nDelay);
};

window.setInterval = function (vCallback, nDelay /*, argumentToPass1, argumentToPass2, etc. */) {
  var oThis = this, aArgs = Array.prototype.slice.call(arguments, 2);
  return __nativeSI__(vCallback instanceof Function ? function () {
    vCallback.apply(oThis, aArgs);
  } : vCallback, nDelay);
};

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注