jQueryタイマーは簡単に使えます


jQueryタイマ
JSにおけるタイマーをjQueryで実現する方法を紹介する、jQueryにおけるjQuery TimersプラグインにJSをカプセル化したsettimeoutとsetIntervalの方法を紹介する.jQuery Timersでは3つの関数式が提供されています
  • everyTime(時間間隔,[タイマー名],レター名,[回数制限],[レタープログラム完了待ち])
  • oneTime(時間間隔、[タイマ名],コールの式)
  • stopTime([タイマ名],[レター名])
  • everyTime関数式
    everyTime関数式はjsにおけるループタイマ1:1秒ごとにループ実行a()に相当する.
    function a(){
      alert(1);
    }
    $('body').everyTime('1s',a);
    

    2:スケッチ
    $('body').everyTime('1s',function(){
      alert(1);
    });
    

    3:1秒ごとに実行し、タイマーにAという名前を付ける
    $('body').everyTime('1s','A',function(){
      alert(1);
    });
    

    4:20秒ごとに最大5回実行し、タイマーにAと名前を付けます.
    $('body').everyTime('20s','A',function(){
      alert(1);
    },5);
    

    oneTime関数式
    1:10 s後実行関数
    $('body').oneTime('1das',function(){
      alert(1);
    });
    

    2:100 s後に関数を実行し、タイマにAと名前を付けます.
    $('body').oneTime('100s','A',function(){
      alert(1);
    });
    

    stopTime関数式
    1:すべての$('body')でタイマーを停止
    $('body').stopTime ();
    

    2:Aという名前の$('body')のタイマーを停止
    $('body').stopTime ('A');
    

    3:$('body')上のすべてのコールa()のタイマを停止する
    $('body').stopTime (a);

    作者:lilongxiリンク:https://www.jianshu.com/p/6a8ce88c7f02出典:簡書簡書の著作権は著者の所有であり、いかなる形式の転載も著者に連絡して授権を得て出典を明記してください.