javascript延时重复执行函数 lLoopRun.js_javascript技巧

js教程评论647 views阅读模式

function lLoopRun(sFuncLoop,sFuncEnd,nDelay) {

//writen by http://fengyan.iecn.cn

//sFuncLoop >> 字符串型,需要重复执行的Javascript函数或语句(多个函数或语句请用;分隔)

//sFuncEnd >> 字符串型,用于中止重复执行动作(sFuncLoop)的Javascript函数或语句

//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;

}

//document.getElementById("TestCount").innerHTML = nCount;//输出执行次数//为便于测试,应用时就将此行注释掉

}

window.clearInterval(vintervalId);

vintervalId = window.setInterval(this._doLoop,delayTime);

}

几个实例代码:

水平往复运动:

lLoopRun.js 应用实例:水平往复运动




执行次数:0

javascript延时重复执行函数 lLoopRun.js_javascript技巧

自动伸缩大小:

lLoopRun.js 应用实例:自动伸缩大小





执行次数:0

javascript延时重复执行函数 lLoopRun.js_javascript技巧

垂直往复运动:

lLoopRun.js 应用实例:垂直往复运动




执行次数:0

javascript延时重复执行函数 lLoopRun.js_javascript技巧

渐变显示(图片):

lLoopRun.js 应用实例: 渐变显示效果




执行次数:0

刷新再次查看演示效果

原文:http://fengyan.iecn.cn/blog-html-do-showone-uid-35653-type-blog-itemid-2320.html

企鹅博客
  • 本文由 发表于 2020年9月22日 16:49:09
  • 转载请务必保留本文链接:https://www.qieseo.com/383924.html

发表评论