大家都知道jQuery很强大,也有很多效果很帅的插件,下面介绍下jQuery定时器插件jQuery Timers,那JS都自带有定时器,为什么要使用Jquery的呢?因为方便嘛,Jquery已封装JS的setTimeout 和 setInterval 方法,下面看下应用例子:
JS Code [http://www.xueit.com]$("#close-button").click(function() {
$(this).oneTime(1000, function() {
$(this).parent(".main-window").hide();
});
});
$("#cancel-button").click(function() {
$("#close-button").stopTime();
});jQuery Timers插件地址:
http://plugins.jquery.com/project/timers
下面来自JavaEye论坛的JQuery Timers应用知识
提供了三个函式
1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
2. oneTime(时间间隔, [计时器名称], 呼叫的函式)
3. stopTime ([计时器名称], [函式名称])
/*************************************************************
* everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
*************************************************************/
//每1秒执行函式test()
function test(){
//do something...
}
$('body').everyTime('1s',test);
//每1秒执行
$('body').everyTime('1s',function(){
//do something...
});
//每1秒执行,并命名计时器名称为A
$('body').everyTime('1s','A',function(){
//do something...
});
//每20秒执行,最多5次,并命名计时器名称为B
$('body').everyTime('2das','B',function(){
//do something...
},5);
//每20秒执行,无限次,并命名计时器名称为C
//若时间间隔抵到,但函式程序仍未完成则需等待执行函式完成后再继续计时
$('body').everyTime('2das','C',function(){
//执行一个会超过20秒以上的程式
},0,true);
/***********************************************************
* oneTime(时间间隔, [计时器名称], 呼叫的函式)
***********************************************************/
//倒数10秒后执行
$('body').oneTime('1das',function(){
//do something...
});
//倒数100秒后执行,并命名计时器名称为D
$('body').oneTime('1hs','D',function(){
//do something...
});
/************************************************************
* stopTime ([计时器名称], [函式名称])
************************************************************/
//停止所有的在$('body')上计时器
$('body').stopTime ();
//停止$('body')上名称为A的计时器
$('body').stopTime ('A');
//停止$('body')上所有呼叫test()的计时器
$('body').stopTime (test);
自定义时间单位
打开源代码
找到
powers: {
// Yeah this is major overkill...
'ms': 1,
'cs': 10,
'ds': 100,
's': 1000,
'das': 10000,
'hs': 100000,
'ks': 1000000
}
可以定制自己想要的单位
相关推荐
jQuery Timers - jQuery定时器插件
以上就是使用jQuery结合timers插件实现图片轮转的基本方法。通过这种方式,你可以创建出一个交互性强且视觉效果良好的图片轮转组件,适用于各种网页项目。同时,这只是一个基础示例,实际应用中可以根据需求进一步...
jQuery timers定时器简单易懂。。 直接调用,时间设置可以自己修改
jQuery Timers插件为开发者提供了一套强大且易用的定时器工具,使我们能够更便捷地处理定时任务,提升Web应用的用户体验。通过深入理解并合理运用这些功能,可以大大提高我们的开发效率和代码质量。
jQuery Timers 是一款专为 jQuery 设计的插件,它扩展了原生JavaScript中的setTimeout和setInterval函数,提供了更方便、更强大的定时器管理功能。这个插件的主要目的是简化在JavaScript和jQuery应用中处理定时任务...
jQuery Timers 是一个用于创建定时器功能的插件,它扩展了jQuery库,提供了一种简单的方式来定期执行函数或只执行一次函数。这个插件包含三个主要函数:everyTime、oneTime 和 stopTime,使得开发者可以更灵活地控制...
jquery.timers-1.2.js 定时器插件
总结来说,JQuery Timers插件提供了一套强大的定时器工具,使开发者能够更便捷地在jQuery项目中实现定时任务,增强了JavaScript的定时功能。通过合理利用这三个函数,可以创建出各种动态效果和交互体验。
提供了三个函式 1 everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 2 oneTime 时间间隔 [计时器名称] 呼叫的函式 3 stopTime [计时器名称] [函式名称] everyTime 时间间隔 [计时器...
jQuery Timers是一个轻量级的插件,它扩展了jQuery的核心功能,提供了定时器和延时器的管理,使开发者能更灵活地控制时间相关的动画和事件。在全屏相册的场景中,这一特性尤为关键,因为我们需要在用户交互时精确地...
1. **设置定时器**:使用jQuery Timers的`.every()`或`.setTimeout()`方法,设定一个定时器,每隔一定时间(如几秒钟)调用一个函数。 2. **AJAX请求**:在定时器触发的函数内,通过jQuery的`.ajax()`方法向服务器...
jQuery Timers 是一个用来封装 setTimeout 和 setInterval 方法的 jQuery 定时器插件。 提供了三个函式 1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) 2. oneTime(时间间隔, ...
在jQuery中,我们可以使用定时器(Timers)配合数组来实现自动切换功能。例如,定义一个数组存储所有图片的源(src),然后使用`setInterval()`设置定时器,每隔一段时间就更新当前显示的图片。 此外,该示例可能还...
- `js/jquery.timers-1.1.2.js`:扩展jQuery的定时器功能。 - `js/jquery.photoplayer_min.js`:可能是一个图片播放器插件。 - `js/jquery.photoshower_min.js`:可能是另一个图片展示插件。 - `js/jquery.min....
10. **Countdowns and Timers**:`Countdown.js`和`jQuery Countdown`插件可用于创建倒计时或定时器,常用于促销活动或截止日期提醒。 11. **Validation**:`jQuery Validation Plugin`可以帮助验证表单输入,确保...
这个小巧但功能丰富的库,为开发者提供了定时器功能,使得网页中的计时、定时执行任务变得简单而高效。 Timer.js是jQuery的一个扩展插件,它允许你在JavaScript中创建可定制的计时器,以执行特定的函数或任务。只需...