jQuery定时器

墨蓝 2023-07-18 14:27 18阅读 0赞

下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法.  
在jQuery Timers中提供了3个函数式

1.  everyTime(时间间隔, \[计时器名称\], 函式名称, \[次数限制\], \[等待函式程序完成\])
2.  oneTime(时间间隔, \[计时器名称\], 呼叫的函式)
3.  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>

后面附带了资源，免积分下载

[https://download.csdn.net/download/yexiaomodemo/12280101][https_download.csdn.net_download_yexiaomodemo_12280101]

[https_download.csdn.net_download_yexiaomodemo_12280101]: https://download.csdn.net/download/yexiaomodemo/12280101

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery定时器

下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法. 在

墨蓝/ 2023年07月18日 14:27/ 0 赞/ 19 阅读

相关 Spring --- java定时器,Spring定时器和Quartz定时器

当前java程序中能够实现定时的主要有三种方式，分别是: java定时器， spring定时器， quartz定时器.下面依次讲讲他们的应用！ <1

╰+攻爆jí腚メ/ 2022年12月11日 07:28/ 0 赞/ 341 阅读

相关 Jquery实现定时器实例

目录一、实例代码二、运行结果 -------------------- 一、实例代码 <!DOCTYPE html> <html lang="

落日映苍穹つ/ 2022年09月12日 09:52/ 0 赞/ 215 阅读

相关延迟定时器、间隔定时器

定时器：让代码每隔一段时间或等待一段时间后再执行的代码，就叫定时器延迟定时器：让代码等待一会，在执行只执行一次语法：setTimeout(函数,时

悠悠/ 2022年09月10日 04:21/ 0 赞/ 288 阅读

相关 Spring --- java定时器,Spring定时器和Quartz定时器

在现实生活中，会出现这样的例子，比如烧水，一般烧了20分钟后，水开了，会需要及时换水，再烧20分钟，水又开了，继续提醒，比如上班，每天早晨8点钟的闹钟会及时提醒, 那么在j

末蓝、/ 2022年08月25日 14:57/ 0 赞/ 377 阅读

相关定时器

/ 用户感觉到软件的好用，就是可以定时地做一些工作，而不需要人参与进去。比如每天定时地升级病毒库，定时地下载电影，定时地更新游戏里的人物。要

心已赠人/ 2022年07月19日 01:28/ 0 赞/ 244 阅读

相关 jquery带定时器的多个下拉菜单

jquery带定时器的多个下拉菜单 <!doctype html> <html> <head> <meta charset="utf-8">

我会带着你远行/ 2022年07月15日 04:21/ 0 赞/ 196 阅读

相关 jquery带定时器的多个下拉菜单

jquery带定时器的多个下拉菜单 <!doctype html> <html> <head> <meta charset="utf-8">

灰太狼/ 2022年07月15日 04:21/ 0 赞/ 200 阅读

相关定时器

定时调用如果希望一段程序每隔一段时间执行一次，可以使用定时调用。 setInterval()定时调用，可以将一个函数每隔一段时间执行一次 wi

不念不忘少年蓝@/ 2022年05月18日 02:36/ 0 赞/ 250 阅读

相关 jQuery +css实现定时器轮播图效果

大家好这里是逍遥君，很高兴见到大家，今天写了一篇实现定时器轮播图效果，有兴趣的同学可以一起学习~ 效果图![70][]→![70 1][] 图片是滚动切换（因为暂时没有动态

骑猪看日落/ 2022年05月17日 23:38/ 0 赞/ 369 阅读