延时重复执行函数 lLoopRun.js

所属分类: 网络编程 / JavaScript 阅读数: 1540
收藏 0 赞 0 分享
公司的一个项目中,有许多地方需要延时执行一些可重复性的函数(动作),就写了下面这段函数。
呵呵,不知道取什么意思更为确切些,就定为了: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所代表的函数中加上相应的实现代码:)
更多精彩内容其他人还在看

解决Layui 表格自适应高度的问题

今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript定时器常见用法实例分析

这篇文章主要介绍了JavaScript定时器常见用法,结合实例形式分析了JavaScript定时器常见功能、应用及相关操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

NodeJs crypto加密制作token的实现代码

这篇文章主要介绍了NodeJs crypto加密制作token的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Javascript 类型转换、封闭函数及常见内置对象操作示例

这篇文章主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Angular Karma测试的持续集成实践

这篇文章主要介绍了详解Angular Karma测试的持续集成实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

taro小程序添加骨架屏的实现代码

这篇文章主要介绍了taro小程序添加骨架屏的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

create-react-app中添加less支持的实现

这篇文章主要介绍了react.js create-react-app中添加less支持的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

微信小程序自定义头部导航栏(组件化)

这篇文章主要为大家详细介绍了微信小程序自定义头部导航栏,胶囊按钮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

在node环境下parse Smarty模板的使用示例代码

这篇文章主要介绍了在node环境下parse Smarty模板的使用示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多