jquery.timer.js的使用 转

时间:2022-05-01 01:33:52

JQuery Timers提供了三个函式

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

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

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