Js setInterval與setTimeout(定時執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
更新時間：2010年06月11日 00:40:21 作者：
最近在做項目時用到了定時執(zhí)行的js方法，setInterval與setTimeout時間長了不用有些生疏了，所以自己總結(jié)了一下，記下來，以便以后使用。
Document自帶的方法：
循環(huán)執(zhí)行：var timeid = window.setInterval（“方法名或方法”，“延時”）;window.clearInterval(timeid);
定時執(zhí)行：var tmid = window.setTimeout(“方法名或方法”, “延時”);window.clearTimeout(tmid);
舉例說明：
A.當(dāng)要執(zhí)行的方法中不需要參數(shù)時
<script type=”text/javascript”>
//循環(huán)執(zhí)行，每隔3秒鐘執(zhí)行一次showalert（）
window.setInterval(showalert, 3000);
function showalert()
{
alert(“aaaaa”);
}
//定時執(zhí)行，5秒后執(zhí)行show()
window.setTimeout(show,5000);
function show()
{
alert(“bbb”);
}
</script>
B.當(dāng)要執(zhí)行的方法中需要參數(shù)時
<script type=”text/javascript”>
//循環(huán)執(zhí)行，每隔3秒鐘執(zhí)行一次 showalert（）
window.setInterval(function(){
showalert(“aaaaa”);
}, 3000);
function showalert(mess)
{
alert(mess);
}
//定時執(zhí) 行，5秒后執(zhí)行showalert()
window.setTimeout(function(){
showalert(“bbbbbb”);
},5000);
</script>
循環(huán)執(zhí)行：var timeid = window.setInterval（“方法名或方法”，“延時”）;window.clearInterval(timeid);
定時執(zhí)行：var tmid = window.setTimeout(“方法名或方法”, “延時”);window.clearTimeout(tmid);
舉例說明：
A.當(dāng)要執(zhí)行的方法中不需要參數(shù)時
復(fù)制代碼 代碼如下:
<script type=”text/javascript”>
//循環(huán)執(zhí)行，每隔3秒鐘執(zhí)行一次showalert（）
window.setInterval(showalert, 3000);
function showalert()
{
alert(“aaaaa”);
}
//定時執(zhí)行，5秒后執(zhí)行show()
window.setTimeout(show,5000);
function show()
{
alert(“bbb”);
}
</script>
B.當(dāng)要執(zhí)行的方法中需要參數(shù)時
復(fù)制代碼 代碼如下:
<script type=”text/javascript”>
//循環(huán)執(zhí)行，每隔3秒鐘執(zhí)行一次 showalert（）
window.setInterval(function(){
showalert(“aaaaa”);
}, 3000);
function showalert(mess)
{
alert(mess);
}
//定時執(zhí) 行，5秒后執(zhí)行showalert()
window.setTimeout(function(){
showalert(“bbbbbb”);
},5000);
</script>
您可能感興趣的文章:
- setTimeout和setInterval的區(qū)別你真的了解嗎?
- javascript setTimeout和setInterval計時的區(qū)別詳解
- javascript setTimeout和setInterval 的區(qū)別
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- setTimeout()與setInterval()方法區(qū)別介紹
- setInterval和setTimeout停止的方法
- JavaScript SetInterval與setTimeout使用方法詳解
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- JavaScript中SetInterval與setTimeout的用法詳解
- setTimeout與setInterval的區(qū)別淺析
相關(guān)文章
js對文字進(jìn)行編碼涉及3個函數(shù)：escape,encodeURI,encodeURIComponent，相應(yīng)3個解碼函數(shù)：unescape,decodeURI,decodeURIComponent2010-02-02
這篇文章主要介紹了JavaScript事件對象event用法,結(jié)合實例形式分析了事件對象event中常用的屬性、方法、相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-07-07
JavaScript實現(xiàn)導(dǎo)入和導(dǎo)出Excel的示例詳解
在現(xiàn)代的Web應(yīng)用開發(fā)中,與Excel文件的導(dǎo)入和導(dǎo)出成為了一項常見而重要的任務(wù),本文主要介紹了如何在熟悉的電子表格?UI?中輕松導(dǎo)入?Excel?文件,需要的可以參考下2024-03-03
下面的代碼是比較精簡的js tab切換代碼，原理也比較簡單。2010-03-03
JS組件Bootstrap Table表格行拖拽效果實現(xiàn)代碼
這篇文章分享了JS組件Bootstrap Table表格行拖拽效果實現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
JS字符串分割方法整理匯總示例講解（3種截取方法和6個輔助方法）
JavaScript在開發(fā)中常常會需要截取字符串，而JS提供了slice()?、substring()、substr()?3種方法實現(xiàn)截取操作。另外還有字符串相關(guān)的6種輔助方法：indexOf()、lastIndexOf()、split()、join()、concat()、charAt()?。2023-02-02
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)批量刪除功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細(xì)介紹了JS百度地圖搜索懸浮窗功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了詳解微信小程序——自定義圓形進(jìn)度條，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
webpack教程之webpack.config.js配置文件
本篇文章主要介紹了webpack教程之webpack.config.js配置文件 ，具有一定的參考價值，有興趣的可以了解一席2017-07-07