javascript延时重复执行函数 lLoopRun.js

更新时间：2007年06月29日 00:00:00   作者：

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 应用实例：水平往复运动

#IECN {position:absolute;}

执行次数：0

自动伸缩大小:

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

执行次数：0

垂直往复运动:

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

#IECN {position:absolute;}

执行次数：0

渐变显示(图片):

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

body{background:#080;color:#fff;}

#IECN {

background:#fff;

filter: Alpha(opacity=10);

-moz-opacity:.10;

opacity:.10;

}

执行次数：0

刷新再次查看演示效果

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

相关文章

一款JavaScript压缩工具：X2JSCompactor...2007-06-06

这篇文章主要介绍了如何用原生JS获取CLASS对象，看过dom编程艺术的朋友或许会知道的2014-10-10

这篇文章主要介绍了JavaScript实现多维数组的方法，有需要的朋友可以参考一下2013-11-11

这篇文章主要给大家介绍了关于微信小程序使用Echarts和分包的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03

本篇文章主要介绍了three.js实现3D模型展示的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12

在本篇文章里小编给大家整理的是一篇关于javaScript中indexOf用法技巧的相关文章，有需要的朋友们学习下。2019-11-11

函数式JavaScript编程指南...2007-02-02

这篇文章主要介绍了javascript设计模式 – 访问者模式,结合实例形式分析了javascript访问者模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04

这篇文章主要为大家详细介绍了微信通过页面(H5)直接打开本地app的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09

这篇文章主要为大家详细介绍了JS实现HTML表格排序功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08

最新评论