本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
1.定时器概念
定时器也是一种异步任务,通常浏览器都有一个独立的定时器模块,定时器的延迟时间就由定时器模块来管理,当某个定时器到了可执行状态,就会被加入主线程队列。
JS的定时器目前有三个:setTimeout、setInterval和setImmediate。
2.开始定时器
setInterval的一个例子:
// example3.js setInterval( () => console.log('Hello every 3 seconds'), 3000 );
此示例将每3秒打印一次消息。 使用node命令执行example3.js将使Node永远打印此消息,直到你终止该进程(使用CTRL + C)。
因为调用计时器函数会调度操作,所以在执行之前也可以取消该操作。
3.结束定时器
因为调用计时器函数是一个调度操作,所以在执行之前也可以取消该调度操作。
对 setTimeout 的调用返回一个计时器“ID”,您可以使用带有 clearTimeout 调用的计时器 ID 来取消该计时器。 这是一个例子:
// example4.js const timerId = setTimeout( () => console.log('You will not see this one!'), 0 ); clearTimeout(timerId);
这个简单的计时器应该在 0 毫秒后立即启动,但它并没有按照我们预期的那样,因为我们已经捕获 timerId 值并在使用 clearTimeout 调用后立即取消它。
以上就是js定时器调开关时间的方法,我们通过setInterval和setTimeout函数就可以实现,看懂概念的小伙伴赶紧试试代码吧。更多js学习指路:js教程