前端setTimeout和setInterval定时器

1:setTimeout()函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器

/*需要注意的是,推迟执行的代码必须以字符串的形式,放入setTimeout,因为引擎内部使用eval函数,将字符串转为代码。如果推迟执行的是函数,则可以直接将函数名,放入setTimeout。一方面eval函数有安全顾虑,另一方面为了便于JavaScript引擎优化代码,setTimeout方法一般总是采用函数名的形式*/

//第一种方法,handler里面是字符串
setTimeout('console.log(dd)',1000);

//第二中方法,handler里面是function
function f(){
  console.log(2);
}
 
setTimeout(f,1000);
 
// 或者
 
setTimeout(function (){console.log(2)},1000);


2:setInterval()函数的用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行。

3:clearTimeout(),clearInterval()

var id1 = setTimeout(f,1000);
var id2 = setInterval(f,1000);
 
clearTimeout(id1);
clearInterval(id2);

你可能感兴趣的:(前端,javascript,vue.js)