JavaScript setInterval与setTimeout定时执行及传参详解
作者:拾光时间:2026-10-25 07:19:27浏览:327
本文详解JavaScript中setInterval与setTimeout两种定时执行机制的区别与用法。通过代码示例演示如何调用无参方法以及如何向回调函数传递参数,涵盖循环执行与单次定时执行的实现方式及清理方法。
JavaScript定时器基础
浏览器内置函数:
周期性执行:var timeid = window.setInterval(“方法名或方法”,“延时”);window.clearInterval(timeid);
一次性执行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid);
代码示例与传参方式
实例演示:
A.当目标方法无需参数时
代码示例:
<script type=”text/javascript”>
//周期性执行,每3秒调用一次showalert()
window.setInterval(showalert, 3000);
function showalert()
{
alert(“aaaaa”);
}
//一次性执行,5秒后调用show()
window.setTimeout(show,5000);
function show()
{
alert(“bbb”);
}
</script> B.当目标方法需参数时
代码示例:
<script type=”text/javascript”>
//周期性执行,每3秒调用一次 showalert()
window.setInterval(function(){
showalert(“aaaaa”);
}, 3000);
function showalert(mess)
{
alert(mess);
}
//一次性执 行,5秒后调用showalert()
window.setTimeout(function(){
showalert(“bbbbbb”);
},5000);
</script>作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
