setTimeout和setInterval的用法

setTimeout和setInterval的区别

1、setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作；不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。

function fun(){
  alert('hello');
}
  setTimeout(fun,1000);//参数是函数名
  setTimeout('fun()',1000);//参数是字符串
  
  setInterval(fun,1000);
  setInterval('fun(),1000');

在上述代码中，无论是setTimeout还是setInterval，在使用函数名作为调用句柄时不能带参数，使用字符串调用时可以带参数。例如：setTimeout(‘fun(name)’,1000);

2、不再单独再定义一个函数，直接将函数调用放在一个函数里面，可以使用函数名作为调用调用句柄。

function fun(name){
  alert('hello'+' '+name);
}
setTimeout (function(){
  fun('Tom');
},1000);//参数是函数名

在上述代码中，setTimeout和setInterval的区别就是setTimeout延迟一秒弹出’hello’,之后便不再运行；而setInterval则会隔一秒弹出’hello’,直至用clear来清除定时器的语法。

setTimeout和setInterval的清除方法

setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示定时器的编号，这个值可以传递给clearTimeout()用于取消这个函数的执行。

方法一、在每次重新设置定时器之前清除掉

clearInterval(this.noticTimer)
this.noticTimer=null
//定时器
this.noticTimer = setInterval(()=>{
	console.log("加油，奥利给！")
},2000)

方法二、在【销毁的钩子函数】里销毁，防止污染

destroyed(){
	window.clearInterval(this.noticTimer)
},

settimeout与setinterval清除时使用方式一致，即clearsetTimeout（）、clearInterval（）