HTML DOM两种定时器，setTimeout和setInterval的区别

最新推荐文章于 2023-07-01 15:46:05 发布

原创最新推荐文章于 2023-07-01 15:46:05 发布 · 890 阅读

2 ·

CC 4.0 BY-SA版权

_格鲁特宝宝原创，转载请务必注明出处

文章标签：

#setTimeout #setInterval #js #JavaScript

Web FrontEnd 同时被 2 个专栏收录

226 篇文章

订阅专栏

javascript

73 篇文章

订阅专栏

本文深入解析JavaScript中的setTimeout和setInterval函数，阐述它们在不同场景下的应用，如延迟执行与循环执行的区别，以及如何在实际项目中有效利用这些定时器。

setTimeout(表达式,延时时间)

在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次，setTimeOut 延迟执行一次(只执行一次) 放控制函数内部

只在指定时间后执行一次，代码如下：

<script>
//定时器 异步运行
function hello(){
alert("hello");
}
//使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//去掉定时器
</script>

setInterval(表达式,交互时间)

它从载入后,每隔指定的时间就执行一次表达式，setInterval 定时执行一次(循环执行) 放控制函数外部

以指定时间为周期循环执行，代码如下：

<script>
//实时刷新时间单位为毫秒
setInterval('refreshQuery()',8000); 
/* 刷新查询 */
function refreshQuery(){
   $("#mainTable").datagrid('reload',null);
}
</script>

两种方法根据不同的场景和业务需求择而取之，

一般情况下：

setTimeout用于延迟执行某方法或功能，

setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步