Js setInterval 与 setTimeout(定时执行与循环执行) 的代码 (可以传入参数)

最新推荐文章于 2023-06-20 15:55:37 发布

转载最新推荐文章于 2023-06-20 15:55:37 发布 · 4.6k 阅读

标签

#javasctipt #js #定时 #setInterval #setTimeout

收录于

Web前端专栏收录该内容

69 篇文章

订阅专栏

本文详细介绍了JavaScript中的定时器功能，包括循环执行的setInterval方法和一次性执行的setTimeout方法，并通过实例展示了如何使用这两种方法来执行特定的任务。

Document自带的方法：
循环执行：var timeid = window.setInterval（“方法名或方法”，“延时”）;window.clearInterval(timeid);
定时执行：var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid);
举例说明：

当要执行的方法中不需要参数时

<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>

当要执行的方法中需要参数时

<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>