定时器timer
程序员文章站
2022-07-14 13:17:51
...
JavaScript 提供定时执行代码的功能,叫做定时器。它们向任务队列添加定时任务。
setTimeout( 函数 || 执行的代码 ,time)
setTimeout只能运行一次,叫延时调用
//第一种写法:
setTimeout("console.log(1)",1000)
//第二种写法:
setTimeout(function(){console.log(1)},1000)
//第三种写法:
function fn(){console.log(1)}
setTimeout(fn,1000)
setInterval() 间歇调用
用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务
每隔一段时间就执行一次,也就是无限次的定时执行。
setInterval(function(){console.log(1)},1000)
清除定时器
clearTimeout() clearInterval()
先存储一个变量里,再直接清除
var timer1 = setTimeout(fn, 1000);
var timer2 = setInterval(fn, 1000);
clearTimeout(timer1);
clearInterval(timer2);
运行机制
js读取到setTimeout和setInterval会将这两种函数放到任务队列。直到所有的同步任务执行完毕之后才会执行任务队列里的任务。所以,这两种方法的执行时间我们无法保证。
setTimeout(function () {
console.log(1);
}, 0);
console.log(2);
//控制台先显示2再显示1
//递归函数:在函数内部调用函数本身
setTimeout(function timer(){
console.log(new Date());
setTimeout(timer,500)
},500)
//浏览器会把所有的性能集中到所看的页面
setInterval(function(){
var d=new Date()
console.log(d)
},500)