setTimeout和setInterval的用法

setTimeout和setInterval的用法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()

今天的文章setTimeout和setInterval的用法分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/23959.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注