延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js
更新時(shí)間:2007年05月08日 00:00:00 作者:
公司的一個(gè)項(xiàng)目中,有許多地方需要延時(shí)執(zhí)行一些可重復(fù)性的函數(shù)(動(dòng)作),就寫了下面這段函數(shù)。
呵呵,不知道取什么意思更為確切些,就定為了:LoopRun,意為“重復(fù)執(zhí)行”
function lLoopRun(sFuncLoop,sFuncEnd,nDelay) {
var vintervalId = null;
var runString = sFuncLoop;
var stopString = sFuncEnd;
var delayTime = nDelay;
//var nCount = 0;
this._doLoop = function (){
if (vintervalId && !eval(stopString)){
eval(runString);
//nCount++;
} else {
window.clearInterval(vintervalId);
vintervalId = null;
}
}
window.clearInterval(vintervalId);
vintervalId = window.setInterval(this._doLoop,delayTime);
}
參數(shù)說明:
sFuncLoop >> 字符串型,需要重復(fù)執(zhí)行的Javascript函數(shù)或語句(多個(gè)函數(shù)或語句請(qǐng)用;分隔)
sFuncEnd >> 字符串型,用于中止重復(fù)執(zhí)行動(dòng)作(sFuncLoop)的Javascript函數(shù)或語句
nDelay >> 數(shù)字型,重復(fù)執(zhí)行的時(shí)間間隔(毫秒數(shù))
應(yīng)用實(shí)例:
水平往復(fù)運(yùn)動(dòng): http://cnlei.iecn.net/mycode/lLoopRun/index.html
自動(dòng)伸縮大小: http://cnlei.iecn.net/mycode/lLoopRun/index2.html
垂直往復(fù)運(yùn)動(dòng): http://cnlei.iecn.net/mycode/lLoopRun/index3.html
漸變顯示(圖片): http://cnlei.iecn.net/mycode/lLoopRun/index4.html
以上只是幾個(gè)簡單的應(yīng)用實(shí)例,具體應(yīng)用時(shí)關(guān)鍵還得看sFuncLoop和sFuncEnd這兩個(gè)參數(shù)所代表的函數(shù)寫得是否好,例如給實(shí)例一中的運(yùn)動(dòng)圖片加上緩沖運(yùn)行的效果的話,就需要在sFuncLoop所代表的函數(shù)中加上相應(yīng)的實(shí)現(xiàn)代碼:)
呵呵,不知道取什么意思更為確切些,就定為了:LoopRun,意為“重復(fù)執(zhí)行”
function lLoopRun(sFuncLoop,sFuncEnd,nDelay) {
var vintervalId = null;
var runString = sFuncLoop;
var stopString = sFuncEnd;
var delayTime = nDelay;
//var nCount = 0;
this._doLoop = function (){
if (vintervalId && !eval(stopString)){
eval(runString);
//nCount++;
} else {
window.clearInterval(vintervalId);
vintervalId = null;
}
}
window.clearInterval(vintervalId);
vintervalId = window.setInterval(this._doLoop,delayTime);
}
參數(shù)說明:
sFuncLoop >> 字符串型,需要重復(fù)執(zhí)行的Javascript函數(shù)或語句(多個(gè)函數(shù)或語句請(qǐng)用;分隔)
sFuncEnd >> 字符串型,用于中止重復(fù)執(zhí)行動(dòng)作(sFuncLoop)的Javascript函數(shù)或語句
nDelay >> 數(shù)字型,重復(fù)執(zhí)行的時(shí)間間隔(毫秒數(shù))
應(yīng)用實(shí)例:
水平往復(fù)運(yùn)動(dòng): http://cnlei.iecn.net/mycode/lLoopRun/index.html
自動(dòng)伸縮大小: http://cnlei.iecn.net/mycode/lLoopRun/index2.html
垂直往復(fù)運(yùn)動(dòng): http://cnlei.iecn.net/mycode/lLoopRun/index3.html
漸變顯示(圖片): http://cnlei.iecn.net/mycode/lLoopRun/index4.html
以上只是幾個(gè)簡單的應(yīng)用實(shí)例,具體應(yīng)用時(shí)關(guān)鍵還得看sFuncLoop和sFuncEnd這兩個(gè)參數(shù)所代表的函數(shù)寫得是否好,例如給實(shí)例一中的運(yùn)動(dòng)圖片加上緩沖運(yùn)行的效果的話,就需要在sFuncLoop所代表的函數(shù)中加上相應(yīng)的實(shí)現(xiàn)代碼:)
您可能感興趣的文章:
- Javascript OOP之面向?qū)ο?/a>
- JavaScript OOP面向?qū)ο蠼榻B
- Nodejs全棧框架StrongLoop推薦
- javascript延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js
- JavaScript運(yùn)行機(jī)制之事件循環(huán)(Event Loop)詳解
- javascript oop開發(fā)滑動(dòng)(slide)菜單控件
- Node.js事件循環(huán)(Event Loop)和線程池詳解
- JS OOP包機(jī)制,類創(chuàng)建的方法定義
- javascript 原型模式實(shí)現(xiàn)OOP的再研究
- JavaScript OOP類與繼承
- 玩轉(zhuǎn)JavaScript OOP - 類的實(shí)現(xiàn)詳解
- javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法
- Javascript oop設(shè)計(jì)模式 面向?qū)ο缶幊毯唵螌?shí)例介紹
相關(guān)文章
讓瀏覽器非阻塞加載javascript的幾種方法小結(jié)
通常大多數(shù)瀏覽器是并行下載資源的,但由于外部腳本的特殊性例如通過腳本改變文檔的DOM結(jié)構(gòu)、腳本之間的存在依賴關(guān)系、使用document.write 向頁面輸出HTML等。2011-04-04
JavaScript cookie與session的使用及區(qū)別深入探究
這篇文章主要介紹了Java中Cookie和Session詳解,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-10-10
bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
輸入框組默認(rèn)是div.input-group。接下來通過本文給大家介紹bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整,感興趣的朋友一起看看吧2016-10-10
微信小程序?qū)崿F(xiàn)image組件圖片自適應(yīng)寬度比例顯示的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)image組件圖片自適應(yīng)寬度比例顯示的方法,簡單講述了image組件的常用屬性,并結(jié)合實(shí)例形式分析了微信小程序?qū)崿F(xiàn)圖片自適應(yīng)寬度比例的相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
JavaScript實(shí)現(xiàn)簡單購物小表格
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單購物小表格,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果,實(shí)例分析了javascript實(shí)現(xiàn)圖片切換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
詳談innerHTML innerText的使用和區(qū)別
下面小編就為大家?guī)硪黄斦刬nnerHTML innerText的使用和區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08

