天天看点

jQuery Timers插件

JQuery

Timers

提供了三个函式

1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])

2. oneTime(时间间隔, [计时器名称], 呼叫的函式)

3. stopTime ([计时器名称], [函式名称])

例子:

<code>var times = chunks.length; $(document).everyTime(1000, function(i) { processChunk(i); }, times);</code>

/*************************************************************

* everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])

*************************************************************/

//每1秒执行函式test()

function test(){

//do something...

}

$('body').everyTime('1s',test);

//每1秒执行

$('body').everyTime(10,function(){

});

//每1秒执行,并命名计时器名称为A

$('body').everyTime(10,'A',function(){

//每20秒执行,最多5次,并命名计时器名称为B

$('body').everyTime(200,'B',function(){

},5);

//每20秒执行,无限次,并命名计时器名称为C

//若时间间隔抵到,但函式程序仍未完成则需等待执行函式完成后再继续计时

$('body').everyTime(200,'C',function(){

//执行一个会超过20秒以上的程式

},0,true);

<code>$("#close-button").click(function() { $(this).oneTime(1000, function() { $(this).parent(".main-window").hide(); }); }); $("#cancel-button").click(function() { $("#close-button").stopTime(); });</code>

/***********************************************************

* oneTime(时间间隔, [计时器名称], 呼叫的函式)

***********************************************************/

//倒数10秒后执行

$('body').oneTime(100,function(){

<code>$("#close-button").click(function() { $(this).oneTime(1000, "hide", function() { $(this).parent(".main-window").hide(); }); }); $("#cancel-button").click(function() { $("#close-button").stopTime("hide"); });</code>

<code>/************************************************************ * stopTime ([计时器名称], [函式名称]) ************************************************************/ //停止所有的在$('body')上计时器 $('body').stopTime (); //停止$('body')上名称为A的计时器 $('body').stopTime ('A'); //停止$('body')上所有呼叫test()的计时器 $('body').stopTime (test);                         本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1080885</code>

继续阅读