jQuery Timers 定時外掛程式使用,jquerytimers外掛程式

來源:互聯網
上載者:User

jQuery Timers 定時外掛程式使用,jquerytimers外掛程式

近期碰到一個項目要輪詢。js 內建的定時器 setinterval 滿足不了需求如果封裝要寫好多代碼查資料發現了jQuery Timers 很強大 使用起來也很簡單。

寫了個簡單的小demo,記錄下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  <title> New Document </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <script src="jquery-1.4.2.js"></script>  <script src="jquery.timers-1.1.2.js"></script> </head> <body>  <button id="btn1">每一秒執行 </button>  &nbsp;  <button id="btn2">清除每二秒執行 </button>  &nbsp;  <button id="btn3">執行3次停止 </button> </body></html><script>/*1. everyTime(時間間隔, [計時器名稱], 函式名稱, [次數限制], [等待函式程式完成])2. oneTime(時間間隔, [計時器名稱], 呼叫的函式)3. stopTime ([計時器名稱], [函式名稱])*/$(document).ready(function(){    /*******每二秒執行********/    $("#btn1").click(function(){        $('body').everyTime('2s','ds1',function (){          console.log("每二秒執行");        });    });     /*******每二秒執行********/     /*******清除每二秒執行********/      $("#btn2").click(function(){        $('body').stopTime ('ds1');         console.log("已清除每二秒執行");    });     /*******清除每二秒執行********/     /*******執行3次停止********/      $("#btn3").click(function(){        $('#btn3').everyTime('1s','ds2',function (){            console.log("執行3次停止");        },3);    });     /*******執行3次停止********/ });</script>

著作權聲明:本文為博主原創文章,未經博主允許不得轉載。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.