setTimeout和setInterval的用法

2024-07-06 17:52:02

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的用法相关推荐

setTimeOut()和setInterval()的用法
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数,只调用一次 setInterval(function( ...
JavaScript之setTimeout与setInterval的用法与区别
}, 1000) } 那为啥使用let就可以了呢: 其实使用let之后,也没有改变执行机制,仍然是最后执行的alert(),但是let可以在每一次把更新的变量i传进函数体内,也就是每一次的i加1之后, ...
定时器 setTimeout与setInterval的用法
一.setTimeout()方法(setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.): <script>function f1(){console.log('蒙多觉 ...
JavaScript 中的 setTimeout 和 setInterval 方法
有时您不希望函数立即运行.您希望它重新执行,甚至在特定时间间隔后重复运行.JavaScript 为我们提供了两种实现方法: setTimeout 和 setInterval.下面,我们将来理解这两个方 ...
Javascript的setTimeOut()和setInterval()的定时器用法
Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请 ...
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
js定时器setTimeout和setInterval用法及区别，清除定时器的使用
setTimeout和setInterval使用方法定时器两个参数,第一个是执行代码,第二个是执行时间.执行时间自己随便设置,执行代码有以下几种方式传入: 1.匿名函数形式传入 setTimeout ...
js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...

最新文章

热门文章