精解window.setTimeout()&window.setInterval()使用方式與參數(shù)傳遞問題！
更新時(shí)間：2007年11月23日 16:58:39 作者：
在使用JScript的時(shí)候，我們有時(shí)需要間隔的執(zhí)行一個(gè)方法，比如用來產(chǎn)生網(wǎng)頁UI動(dòng)畫特效啥的。這是我們常常會(huì)使用方法setInterval或setTimeout，但是由于這兩個(gè)方法是由腳本宿主模擬出來的Timer線程，在通過其調(diào)用我們的方法是不能為其傳遞參數(shù)。
我們常用的使用場(chǎng)景是：
window.setTimeout("delayRun()", n);
window.setInterval("intervalRun()", n);
window.setTimeout(delayRun, n);
window.setInterval(intervalRun, n);
顯然強(qiáng)行代參數(shù)的調(diào)用： window.setTimeout("delayRun(param)", n);
window.setInterval("intervalRun(param)", n);
window.setTimeout(delayRun(param), n);
window.setInterval(intervalRun(param), n);
都是錯(cuò)誤的，因?yàn)閟tring literals形式的方法調(diào)用，param必須是全局變量(即window對(duì)象上的變量)才行；而function pointer形式的調(diào)用，完全錯(cuò)誤了，這是把函數(shù)的返回值當(dāng)成了setTimeout/setInterval函數(shù)的參數(shù)了，完全不是我們所望的事情。
解決這個(gè)問題的辦法可以使用匿名函數(shù)包裝的方式，在以下scenario中我們這么做：
function foo()
{
var param = 100;
window.setInterval(function()
{
intervalRun(param);
}, 888);
}
function interalRun(times)
{
// todo: depend on times parameter
}
這樣一來，就可以不再依賴于全局變量向delayRun/intervalRun函數(shù)中傳遞參數(shù)，畢竟當(dāng)頁面中的全局變量多了以后，會(huì)給腳本的開發(fā)、調(diào)試和管理等帶來極大的puzzle。
我們常用的使用場(chǎng)景是：
復(fù)制代碼 代碼如下:
window.setTimeout("delayRun()", n);
window.setInterval("intervalRun()", n);
window.setTimeout(delayRun, n);
window.setInterval(intervalRun, n);
顯然強(qiáng)行代參數(shù)的調(diào)用： window.setTimeout("delayRun(param)", n);
復(fù)制代碼 代碼如下:
window.setInterval("intervalRun(param)", n);
window.setTimeout(delayRun(param), n);
window.setInterval(intervalRun(param), n);
都是錯(cuò)誤的，因?yàn)閟tring literals形式的方法調(diào)用，param必須是全局變量(即window對(duì)象上的變量)才行；而function pointer形式的調(diào)用，完全錯(cuò)誤了，這是把函數(shù)的返回值當(dāng)成了setTimeout/setInterval函數(shù)的參數(shù)了，完全不是我們所望的事情。
解決這個(gè)問題的辦法可以使用匿名函數(shù)包裝的方式，在以下scenario中我們這么做：
復(fù)制代碼 代碼如下:
function foo()
{
var param = 100;
window.setInterval(function()
{
intervalRun(param);
}, 888);
}
function interalRun(times)
{
// todo: depend on times parameter
}
您可能感興趣的文章:
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- setTimeout()與setInterval()方法區(qū)別介紹
- JavaScript setInterval()與setTimeout()計(jì)時(shí)器
- JavaScript中定時(shí)器setTimeout()和setInterval()的用法
- JavaScript中setInterval()和setTimeout()的用法及區(qū)別
相關(guān)文章
今天小編就為大家分享一篇基于layui輪播圖滿屏是高度自適應(yīng)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果，代碼很簡(jiǎn)單，直接復(fù)制即可根據(jù)自己的需求去修改，對(duì)小程序商品數(shù)據(jù)聯(lián)動(dòng)實(shí)例代碼感興趣的朋友一起看看吧2022-08-08
前端實(shí)現(xiàn)文本超出指定行數(shù)顯示"展開"和"收起"效果詳細(xì)步驟
本文介紹如何使用JavaScript原生代碼實(shí)現(xiàn)文本折疊展開效果,并提供方法指導(dǎo)如何在Vue或React等框架中修改實(shí)現(xiàn),詳細(xì)介紹了創(chuàng)建整體框架、設(shè)置樣式及利用JS控制元素的步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
在子頁面(<iframe></iframe>)創(chuàng)建父級(jí)事件！當(dāng)子頁面(<iframe></iframe>)被銷毀！子頁面(<iframe></iframe>)創(chuàng)建父級(jí)事件也會(huì)被銷毀！2011-01-01
這篇文章主要為大家介紹了如何利用chatgpt保護(hù)您的js代碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
JS實(shí)現(xiàn)中國(guó)公民身份證號(hào)碼有效性驗(yàn)證
這篇文章主要介紹了JS實(shí)現(xiàn)中國(guó)公民身份證號(hào)碼有效性驗(yàn)證,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
js動(dòng)態(tài)創(chuàng)建表格,刪除行列的小例子
這篇文章介紹了js動(dòng)態(tài)創(chuàng)建表格,刪除行列的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript中的變量聲明，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
效果直逼flash的Div+Css+Js菜單...2007-05-05
javascript中的緩動(dòng)效果實(shí)現(xiàn)程序
javascript中的緩動(dòng)效果可以應(yīng)用于很多地方，比如距離位移上的變化：圖片的滾動(dòng)、焦點(diǎn)圖的輪轉(zhuǎn)切換，透明度上的變化：漸隱漸現(xiàn)。凡是存在運(yùn)動(dòng)的狀態(tài)都適用，下面以最基本的塊在容器內(nèi)從左到右滑動(dòng)為例，講下幾種不同的緩動(dòng)處理方式2012-12-12