简单的jQuery定时器

Posted mmzz3322

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单的jQuery定时器相关的知识,希望对你有一定的参考价值。

在jQuery Timers中提供了3个函数式

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

everyTime函数式

everyTime函数式相当于js中的循环定时器
1:每间隔一秒钟循环执行a()

function a()
  alert(1);

$(‘body‘).everyTime(‘1s‘,a);

2:简写版

$(‘body‘).everyTime(‘1s‘,function()
  alert(1);
);

3:每隔一秒执行,并给计时器命名为A

$(‘body‘).everyTime(‘1s‘,‘A‘,function()
  alert(1);
);

4:每隔二十秒执行,最多5次,并给计时器命名为A

$(‘body‘).everyTime(‘20s‘,‘A‘,function()
  alert(1);
,5);

oneTime函数式

1:10s后执行函数

$(‘body‘).oneTime(‘1das‘,function()
  alert(1);
);

2:100s后执行函数,并给计时器命名为A

$(‘body‘).oneTime(‘100s‘,‘A‘,function()
  alert(1);
);

stopTime函数式

1:停止所有的在$(‘body‘)上计时器

$(‘body‘).stopTime ();

2:停止$(‘body‘)上名称为A的计时器

$(‘body‘).stopTime (‘A‘);

3:停止$(‘body‘)上所有呼叫a()的计时器

$(‘body‘).stopTime (a);


作者:lilongxi
链接:https://www.jianshu.com/p/6a8ce88c7f02
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

以上是关于简单的jQuery定时器的主要内容,如果未能解决你的问题,请参考以下文章

循环定时 jquery 函数的最佳实践是啥

jquery如何定时 局部刷新一个div??

jq 的简单循环

jQuery基础,定时器,工厂函数

简单的计时器

jquery简单无缝轮播图实现