jQuery Timers 定时插件使用

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

<!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>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

jQuery Timers 定时插件使用

相关文章