延时重复执行函数 lLoopRun.js_javascript技巧
程序员文章站
2022-05-07 13:13:26
...
公司的一个项目中,有许多地方需要延时执行一些可重复性的函数(动作),就写了下面这段函数。
呵呵,不知道取什么意思更为确切些,就定为了: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所代表的函数中加上相应的实现代码:)
呵呵,不知道取什么意思更为确切些,就定为了: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所代表的函数中加上相应的实现代码:)
上一篇: MySQL数据导入导出方法与工具介绍二_MySQL
下一篇: mysql优化小技巧_MySQL
推荐阅读
-
实现javascript的延期执行或者重复执行的两个函数
-
延时执行函数:前浪死在沙滩上
-
Powershell小技巧之使用Jint引擎在PowerShell中执行Javascript函数
-
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
-
实现javascript的延期执行或者重复执行的两个函数
-
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)_PHP教程
-
PHP去除数组中重复的元素并按键名排序函数_php技巧
-
利用函数的惰性载入提高javascript代码执行效率_javascript技巧
-
avascript中的自执行匿名函数应用示例_javascript技巧
-
实现javascript的延期执行或者重复执行的两个函数_时间日期