公司的一个项目中,有许多地方需要延时执行一些可重复性的函数(动作),就写了下面这段函数。 呵呵,不知道取什么意思更为确切些,就定为了:LoopRun,意为“重复执行” 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); } 参数说明: sFuncLoop >> 字符串型,需要重复执行的Javascript函数或语句(多个函数或语句请用;分隔) sFuncEnd >> 字符串型,用于中止重复执行动作(sFuncLoop)的Javascript函数或语句 nDelay >> 数字型,重复执行的时间间隔(毫秒数) 应用实例:水平往复运动: http://cnlei.iecn.net/mycode/lLoopRun/index.html自动伸缩大小: http://cnlei.iecn.net/mycode/lLoopRun/index2.html垂直往复运动: http://cnlei.iecn.net/mycode/lLoopRun/index3.html渐变显示(图片): http://cnlei.iecn.net/mycode/lLoopRun/index4.html以上只是几个简单的应用实例,具体应用时关键还得看sFuncLoop和sFuncEnd这两个参数所代表的函数写得是否好,例如给实例一中的运动图片加上缓冲运行的效果的话,就需要在sFuncLoop所代表的函数中加上相应的实现代码:)
推荐阅读
又一个小巧的图片预加载类
复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equ>>>详细阅读
本文标题:延时重复执行函数 lLoopRun.js
地址:http://www.17bianji.com/kaifa2/JS/30488.html
1/2 1