jquery.timers使用说明

 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
时间: 2024-11-02 04:57:50

jquery.timers使用说明的相关文章

jQuery timers计时器简单应用说明_jquery

因为方便嘛,Jquery已封装JS的setTimeout 和 setInterval 方法,下面看下应用例子: 复制代码 代码如下: /** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * D

基于JQuery 选择器使用说明介绍_jquery

jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. jQuery 元素选择器:jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取所有 class="intro" 的 <p> 元素. $("p#demo") 选取 id="demo" 的第一个 <p> 元素

ASP.NET使用JQuery DataTables使用说明

okay,先不管那个将保存我们奥斯卡提名的数据编码对象.现在,我们有更有趣的事情,让我们先在.aspx页面增加一些标签,让这个东西得以运行.首先,在页面的<head>部分添加默认样式表的链接,以及我们的jquery javascript文件链接.如下: <link rel= href=type= /> <script type= src=></script> <script type= src=></script> 然后,让我们添加

jquery maxlength使用说明_jquery

CSS: 复制代码 代码如下: <style type="text/css"> body { line-height: 1.5; font: 14px/1.5 arial,serif; color: #AAA; } .notification { border: 3px solid #D55B5B; background-color: #FFCDCD; padding: 5px; } .tip { color: #00A8C6; padding-left:2px; } &l

jQuery timers计时器

1. everytime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) 2. onetime(时间间隔, [计时器名称], 呼叫的函式) 3. stoptime ([计时器名称], [函式名称]) /************************************************************* * everytime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) *****************

JQuery插件下载资源大全(200多个)

概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents.events.实现动画效果,并且方便地为网站提供 AJA

Jquery公告滚动+AJAX后台得到数据_jquery

aspx 复制代码 代码如下: <script src="http://www.cnblogs.com/js/jquery/jquery.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/js/common/jquery.timers.js" type="text/javascript"><

Jquery 学习笔记(三)240多个jQuery插件

Jquery 学习笔记(三) -240多个jQuery插件 2009年11月30日二 作者:   邦畿千里   概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQuery 是一个快速的,简洁的 javaScript

jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.12 jQuery扩展

3.12 jQuery扩展 3.12.1 暴露Sizzle给jQuery 下面的代码将Sizzle的方法和属性暴露给了jQuery: 5288 // EXPOSE 5289 // Override sizzle attribute retrieval 5290 Sizzle.attr = jQuery.attr; 5291 Sizzle.selectors.attrMap = {}; 5292 jQuery.find = Sizzle; 5293 jQuery.expr = Sizzle.sel