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的区别浅析
相关文章
ES6是JavaScript的一个版本,因为我们前面用到的vue默认使用ES6语法开发,所以我们在这一节补充ES6的知识点,下面这篇文章主要给大家介绍了关于如何在项目中和平时练习中应用es6语法的相关资料,需要的朋友可以参考下2022-11-11
一直对Js的作用域有点迷糊，今天偶然读到Javascript权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。谢谢心得吧2014-11-11
这篇文章主要向大家分享了一段JavaScript实现数据类型检测的代码，附上参数说明和使用说明，希望小伙伴们能够喜欢2015-01-01
正则表达式是javascript操作字符串的一个重要组成部分，然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。本文将详细介绍ES6正则表达式扩展2017-07-07
这篇文章主要为大家详细介绍了JS实现图片剪裁并预览效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了js实现感应鼠标图片透明度变化的方法,涉及javascript鼠标操作及css修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
相信大家试过编写javascript脚本时发生这样或那样的错误，但是js并没有很好的调试方法，在这里介绍两个方法。2008-11-11
这篇文章主要介绍了js 递归json树实现根据子id查父id的方法,结合实例形式分析了JavaScript递归遍历json进行数据查询的相关操作技巧,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
本文主要介绍jQuery与JavaScript节点的插入方法，以及他们的具体代码实现方法，大家可以对比下他们之间的不同，希望对大家编写代码有所帮助2016-11-11
最新评论