下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法.
在jQuery Timers中提供了3个函数式
- everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
- oneTime(时间间隔, [计时器名称], 呼叫的函式)
- stopTime ([计时器名称], [函式名称])
everyTime函数式
everyTime函数式相当于js中的循环定时器
1:每间隔一秒钟循环执行a()
function a(){
alert(1);
}
$('body').everyTime('1s',a);
2:简写版
$('body').everyTime('1s',function(){
alert(1);
});
3:每隔一秒执行,并给计时器命名为A
$('body').everyTime('1s','A',function(){
alert(1);
});
4:每隔二十秒执行,最多5次,并给计时器命名为A
$('body').everyTime('20s','A',function(){
alert(1);
},5);
oneTime函数式
1:10s后执行函数
$('body').oneTime('1das',function(){
alert(1);
});
2:100s后执行函数,并给计时器命名为A
$('body').oneTime('100s','A',function(){
alert(1);
});
stopTime函数式
1:停止所有的在$(‘body’)上计时器
$('body').stopTime ();
2:停止$(‘body’)上名称为A的计时器
$('body').stopTime ('A');
3:停止$(‘body’)上所有呼叫a()的计时器
$('body').stopTime (a);
使用方式
jQuery Timers插件及引用代码
<script th:src="/js/jquery-3.3.1.min.js"></script>
<script th:src="/js/jquery.timers-1.2.js"></script>
后面附带了资源,免积分下载