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的区别浅析
相关文章
js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent2010-02-02
这篇文章主要介绍了JavaScript事件对象event用法,结合实例形式分析了事件对象event中常用的属性、方法、相关操作技巧与注意事项,需要的朋友可以参考下2018-07-07
在现代的Web应用开发中,与Excel文件的导入和导出成为了一项常见而重要的任务,本文主要介绍了如何在熟悉的电子表格 UI 中轻松导入 Excel 文件,需要的可以参考下2024-03-03
下面的代码是比较精简的js tab切换代码，原理也比较简单。2010-03-03
JS组件Bootstrap Table表格行拖拽效果实现代码
这篇文章分享了JS组件Bootstrap Table表格行拖拽效果实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
JS字符串分割方法整理汇总示例讲解（3种截取方法和6个辅助方法）
JavaScript在开发中常常会需要截取字符串，而JS提供了slice() 、substring()、substr() 3种方法实现截取操作。另外还有字符串相关的6种辅助方法：indexOf()、lastIndexOf()、split()、join()、concat()、charAt() 。2023-02-02
这篇文章主要为大家详细介绍了js实现批量删除功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要为大家详细介绍了JS百度地图搜索悬浮窗功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了详解微信小程序——自定义圆形进度条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-12-12
webpack教程之webpack.config.js配置文件
本篇文章主要介绍了webpack教程之webpack.config.js配置文件 ，具有一定的参考价值，有兴趣的可以了解一席2017-07-07
最新评论