jQuery timerHler 定时器插件

所属分类:输入-日期和时间

 3091  21  查看评论 (1)
jQuery timerHler 定时器插件 ie兼容6

使用方法

1、引入插件,传统方式页面引入

示例:使用 $.timerHandler 管理注册定时器

2、AMD/CMD/Node方式加载

使用 define Name/ exports module Name 管理注册定时器, 默认为 timerHandler

示例:使用 timerHandler 管理注册定时器

3、接口方法 注:定时器对象缓存数据注册在jQuery($)对象上 $.timerHandler

名称参数返回值说明
timerHandler(value)stringtimerHandler Obj注意一个名称为value的定时器,并返回一个定时器对象,如已存在返回已注册定时器
timerHandler.time(value)string or integerthis设置间隔周期时间
timerHandler.limit(value)integerthis设置重复次数,默认0不限制,具体数值N 限制运行N次后自动销毁
timerHandler.bindDom(value)jQuery selector stringthis绑定注册到Dom节点,适用于Ajax加载的脚本定时器,将会监听Dom移除事件,Dom移除后,绑定的定时器也将销毁,如不指定定时器绑定在全局
timerHandler.call(callback)functionthis定时器回调主函数
timerHandler.callStart(callback)functionthis开始之前的回调函数
timerHandler.callStartEnd(callback)functionthis开始之后的回调函数
timerHandler.callPause(callback)functionthis暂停之前的回调函数
timerHandler.callPauseEnd(callback)functionthis暂停之后的回调函数
timerHandler.callStop(callback)functionthis停止(销毁)之前的回调函数
timerHandler.callStopEnd(callback)functionthis停止(销毁)之后的回调函数
timerHandler.start()this启动定时器
timerHandler.pause()this暂停定时器
timerHandler.stop()bool停止(销毁)定时器

4、开始使用

//注册一个名为'mytimer1'的定时器,每5秒运行一次
var myTimer=$.timerHandler('mytimer1').time('5s').call(function(count){
    //this => timerHandler Obj
    console.log('mytimer1 runing : '+count);
}).start();
//myTimer.pause();//暂停定时器运行
//myTimer.start();//定时器重新启动
//myTimer.call(callback);//重新注册定时器回调主函数
//myTimer.stop();//停止(销毁)定时器

//注册一个名为'mytimer2'的定时器,每500毫秒运行一次,运行10次后销毁
$.timerHandler('mytimer2').time('500ms').limit(10).call(function(count){            
    //this => timerHandler Obj
    console.log('mytimer2 runing : '+count);
}).callStopEnd(function(){
    console.log('mytimer2 stop');
}).start();

//注册一个名为'mytimer3'的定时器,每1秒运行一次,并将其绑定在DOM ID为 bindDomID 的节点上,当此Dom节点移除后自动销毁
$('body').append('<div id="bindDomID">注册了一个名为mytimer3的定时器,每1秒运行一次,并将其绑定在DOM ID为 bindDomID 的节点上,当此Dom节点移除后自动销毁(此节点10秒后自动移除)</div>')
$.timerHandler('mytimer3').time('1s').bindDom('#bindDomID').call(function(count){            
    //this => timerHandler Obj
    console.log('mytimer3 runing : '+count);
}).callStopEnd(function(){
    console.log('mytimer3 stop');
}).start();
//10秒后移除DOM ID为 bindDomID 的节点
$.timerHandler('bindDomIDRemove').time('10s').limit(1).call(function(count){            
    //this => timerHandler Obj
    console.log('dom#bindDomID is remove');
    $('#bindDomID').remove();
}).start();
相关插件-日期和时间

jQuery日期时间选择插件jHsDate

一个简单的jQuery日期时间选择插件
  日期和时间
 15762  38

Jquery时间,日期控件

Jquery时间,日期控件,高端大气,可以设置小时分钟。
  日期和时间
 49085  192

优雅的日期选择插件daterangepicker

jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择
  日期和时间
 21730  53

jQuery自适应倒计时

jQuery自适应倒计时插件jquery.lwtCountdown.js
  日期和时间
 8225  64

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    fanyu1234 0
    2018/2/2 14:55:17

    还不错,找了很长时间

    回复
取消回复