JavaScript延时器和计时器

延时器

触发之后会进行指定时间的等待后执行

var t = setTimeout(function(){//使用setTimeout()会返回一个唯一的标示，通过clearTimeout(唯一标示)可以清楚延时器 console.log("1秒钟后显示"); },1000); //这里的1000代表的是1000毫秒(等于1秒)

计时器

指定时间间隔不断重复的代码块

var t = setInterval(function(){//和延时器一样会返回一个唯一标识用来终止计时器 console.log("没隔1秒钟显示一次"); },1000); //停止间隔执行 clearInterval(t);

延时器和计时器都属于异步操作

在触发函数的时候会直接 var t = setTimeout(function(){ console.log("1秒钟后显示"); },1000); console.log("立即显示")

在上面的代码中我们可以发现，在延时器被设定之后的延迟时间内 代码会继续执行最后导致先输出了之后的字符串 延时器只会对代码块内的代码进行延迟而不是阻滞整个js的执行 计时器的执行同理