jQuery定时器

下面介绍一个用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);



作者:lilongxi
链接:https://www.jianshu.com/p/6a8ce88c7f02
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

EEWORLD电子资讯 犀利解读技术干货 每日更新经常来说,对于一些不复杂的单片机应用,而且对于内存和存储要求比较严格,又需要多分时去处理一些指定的任务,在无法使用RTOS的情况下,使用一个硬件定时器,来建立各种任务时间标志位,是比较通用的做法,但是随着时间标志位变量的增加,代码的维护以及简洁度却越来越艰难。因此,楼主使用了一种类似线程管理的时间轮询方式(可能用词不当),来进行一个硬件定时器模... var btn = document.querySelector('button'); var time; btn.addEventListener('click', function() { clearInterval(time); //清除之 下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法. 在jQuery Timers中提供了3个函数式 everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) oneTime(时间间隔, [计时器名称], 呼叫的函式) stopTim... 在页面上定时做某些事,如:站内短信提醒:当发信人给收件人发送一条短信,收件人在浏览此网站的时候,网站右下角会弹出一个框,提醒收件人已经收到一条短信,收件人可通过点击提醒,查看他的短信。 以下我写了一个例子,综合了几个具体功能在一起: 1、jquery修改页面上某个div中的内容 2、时间格式化功能 3、定时器设置,开始和停止 代码如下: 本节内容:jquery插件jTimer,jQuery定时器。需求:按时间间隔执行一个任务,当满足一定条件时停止执行。1,插件用法:复制代码 代码示例:(function ($) {$.extend({timer: function (action,context,time) {var _timer;if ($.isFunction(action)) {(function () {_timer = ... 第一种是:window.setTimeout 。 var t1 = window.setTimeout(hello,1000); // 使用方法名字执行 一秒后执行 hello 方法 var t2 = window.setTimeout("hello()",3000); // 使用字符串执行方法。 window.clearTim...