jQuery Timers 定时插件使用

原创 2015年07月07日 22:50:41

近期碰到一个项目要轮询。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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

jQuery Timers插件

JQuery Timers 提供了三个函式 1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) 2. oneTime(时间间隔, [计时...

js实现定时任务,每隔N秒请求后台

见如下代码: //生成了随机秒数60-150之间 var num = Math.round(Math.random()*90+60); alert(num); //循环执行,每隔60-...

Metro UI 风格的主题和模板

1. BootMetro 基于 Twitter Bootstrap 的简单灵活的 HTML、CSS 和 Javascript 框架,Win8 风格,大爱啊!    立即下载     ...

Eclipse自定义主题

之前用过一些编辑器如SublimeText,IDE如phpstorm,IDEA等;这些工具给我的感觉就是,除了给予这些工具应有的功能外,给予开发者更友好,更舒服的界面。Eclipse很早就开始使用了,...

Jquery+timers插件实现图片轮转

  • 2010年03月22日 16:04
  • 532KB
  • 下载

jQuery 插件--jQuery.timers

jQuery Timers 是一个用来封装 setTimeout 和 setInterval 方法的的插件库: 插件下载地址:http://download.csdn.net/ - 提供了三个方法...

.NET System.Timers.Timer的原理和使用(开发定时执行程序)

概述(来自MSDN) Timer 组件是基于服务器的计时器,它使您能够指定在应用程序中引发 Elapsed 事件的周期性间隔。然后可以操控此事件以提供定期处理。例如,假设您有一台关键性服务器,必...

c# Timers简单的定时应用

  • 2011年02月27日 21:54
  • 34KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery Timers 定时插件使用
举报原因:
原因补充:

(最多只允许输入30个字)