延时重复执行函数 lLoopRun.js

2016-02-19 09:59 7 1 收藏

今天图老师小编给大家精心推荐个延时重复执行函数 lLoopRun.js教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

公司的一个项目中,有许多地方需要延时执行一些可重复性的函数(动作),就写了下面这段函数。
呵呵,不知道取什么意思更为确切些,就定为了: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所代表的函数中加上相应的实现代码:)

来源:http://www.tulaoshi.com/n/20160219/1592916.html

延伸阅读
标签: Web开发
熟悉javascript的朋友对Eval()函数可能都不会陌生,我们可以用它来实现动态代码的执行,我自己甚至写过一个网页专门用来计算算术表达式的,计算能力上比google、baidu的计算器还要好一些,至少精度要高,但是如果超出了四则运算的话,表达式的形式会复杂很,比如以百度给出的例子: log((5+5)^2)-3+pi需要写成Math.log(Math.pow(5+5,2))*Math....
标签: Web开发
代码如下: !-- //ASP分页函数 function ShowListPage(page,Pcount,TopicNum,maxperpage,strLink,ListName){     var alertcolor = '#FF0000';     maxperpage=Math.floor(maxperpage);     TopicNum=Math.floor(TopicNum);     p...
标签: Web开发
javascript不能支持函数的重载,如下: 代码如下: script language="JavaScript" function f(length) {     alert("高为:"+length); } function f(length,width) {     alert("高为:"+length+",宽为:"+width); } /srcipt 上面那段代码其实是行不通的,因为函数定义时...
标签: Web开发
 JS教程:日期格式转换函数。 script     function   str2date(str){     var   d=null;     var   reg=/^(\d{4})-(\d{2})-(\d{2})   (\d{2}):(\d{2}):(\d{2})\.(\d+)$/     if(arr=str.match(reg))d=new   Date...
标签: Web开发
程序代码 script type="text/javascript" !-- //新闻滚动JS代码 (一次滚动高度,速度,停留时间,图层标记) function startmarquee(lh,speed,delay,index){     var t;     var p=false;     var o=$("gundongnews"+index);     o.innerHTML+=o.innerHTML;    ...

经验教程

559

收藏

49
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部