setTimeout()与setInterval()方法差异介绍

发布时间：2023-09-06 14:01:15 所属栏目：教程来源：

导读：计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

setTimeout():

在js手册中的解释：用于在指定的毫秒数后调用函数或计算表达式；

也就是说在执行完设定好的秒数后再执行。

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

setTimeout():

在js手册中的解释：用于在指定的毫秒数后调用函数或计算表达式；

也就是说在执行完设定好的秒数后再执行。

实验代码（改变body背景颜色）：

代码如下:

setTimeout(function(){

$("body").css("background","red");

},5000);

setInterval():

在js手册中的解释：按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭；

在你设定好的秒数里执行你自己效果代码或函数。

实验代码（数秒实验）：

代码如下:

<div class="clock"></div>

<script>

var num = 0;

setInterval(function(){$(".clock").html(num++)},1000);

</script>

总结：

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.

setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!