jquery.timers使用说明

来源:互联网 发布:淘宝保险平台 编辑:程序博客网 时间:2024/06/07 05:00

 JQuery Timers提供了三个函式

1. everyTime(时间间隔, [定时器名称], 函式名称, [次数限制], [等待函式程序完成])
2. oneTime(
时间间隔, [定时器名称], 呼叫的函式)
3. stopTime ([
定时器名称], [函式名称])

官方虽然有Demo,但是却没有列出使用的原始码,即便右键检视原始码,里面也没有完整针对每一种情况写出一组程序说明,所以我只好试着测试函式了。以下为测试程序报告:

[javascript] view plain copy
  1. /************************************************************* 
  2. *   everyTime(时间间隔, [定时器名称], 函式名称, [次数限制], [等待函式程序完成]) 
  3. *************************************************************/  
  4. //每1秒执行函式test()  
  5. function test(){  
  6.    //do something...  
  7. }  
  8. $('body').everyTime('1s',test);  
  9.   
  10. //每1秒执行  
  11. $('body').everyTime('1s',function(){  
  12. //do something...  
  13. });  
  14.   
  15. //每1秒执行,并命名定时器名称为A  
  16. $('body').everyTime('1s','A',function(){  
  17. //do something...  
  18. });  
  19.   
  20. //每20秒执行,最多5次,并命名定时器名称为B  
  21. $('body').everyTime('2das','B',function(){  
  22. //do something...  
  23. },5);  
  24.   
  25. //每20秒执行,无限次,并命名定时器名称为C  
  26. //若时间间隔抵到,但函式程序仍未完成则需等待执行函式完成后再继续计时  
  27. $('body').everyTime('2das','C',function(){  
  28.     //执行一个会超过20秒以上的程序  
  29. },0,true);  
  30.   
  31. /*********************************************************** 
  32. *   oneTime(时间间隔, [定时器名称], 呼叫的函式) 
  33. ***********************************************************/  
  34. //倒数10秒后执行  
  35. $('body').oneTime('1das',function(){  
  36. //do something...  
  37. });  
  38.   
  39. //倒数100秒后执行,并命名定时器名称为D  
  40. $('body').oneTime('1hs','D',function(){  
  41. //do something...  
  42. });  
  43.   
  44. /************************************************************ 
  45. * stopTime ([定时器名称], [函式名称]) 
  46. ************************************************************/  
  47. //停止所有的在$('body')上定时器  
  48. $('body').stopTime ();  
  49.   
  50. //停止$('body')上名称为A的定时器  
  51. $('body').stopTime ('A');  
  52.   
  53. //停止$('body')上所有呼叫test()的定时器  
  54. $('body').stopTime (test);  

0
0 0
原创粉丝点击