jQuery定时器简单使用

发布时间:2025-12-09 18:32:03 浏览次数:5

jQuery定时器

下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法.
在jQuery Timers中提供了3个函数式

  • everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
  • oneTime(时间间隔, [计时器名称], 呼叫的函式)
  • 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
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    需要做网站?需要网络推广?欢迎咨询客户经理 13272073477