Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
更新时间:2010年06月11日 00:40:21 作者:
最近在做项目时用到了定时执行的js方法,setInterval与setTimeout时间长了不用有些生疏了,所以自己总结了一下,记下来,以便以后使用。
Document自带的方法:
循环执行: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>
循环执行: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>
您可能感兴趣的文章:
- setTimeout和setInterval的区别你真的了解吗?
- javascript setTimeout和setInterval计时的区别详解
- javascript setTimeout和setInterval 的区别
- setInterval()和setTimeout()的用法和区别示例介绍
- setTimeout()与setInterval()方法区别介绍
- setInterval和setTimeout停止的方法
- JavaScript SetInterval与setTimeout使用方法详解
- Js中setTimeout()和setInterval() 何时被调用执行的用法
- JavaScript中SetInterval与setTimeout的用法详解
- setTimeout与setInterval的区别浅析
相关文章
element 中 el-menu 组件的无限极循环思路代码详解
这篇文章主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
最新评论