JQuery定时器(jQuery Timers)

JQuery Timers应用知识

转至: jQuery定时器

提供了三个函式

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

}

示例：

<!doctype html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JQuery定时器</title>

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="jquery.timers-1.2.js" type="text/javascript"></script>

<script>

function check() {

$("#Button1").attr("disabled", true);

$("#Button1").val("正在提交，请稍等3秒.....");

$('body').oneTime('3s', function() {

$("#Button1").attr("disabled", false);

$("#Button1").val("测试提交");

alert("3秒后提交结果");

});

}

</script>

</head>

<body>

<input id="Button1" onclick="check();return false;" value="测试提交" type="submit" name="Button1">

</body>

</html>

JQuery定时器(jQuery Timers)相关推荐

html定时载入jquery,JQuery定时器(jQuery Timers)
效果图:默认数据: 开始计时: HTML部分代码: 按钮倒计时: 116: 27: 23 利用来定时制作一个倒计时:var intDiff = parseInt(60); $(".stop ...
jQuery定时器简单使用
jQuery定时器下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法. 在jQue ...
jquery中的定时器-jquery.timers-1.1.2.js
jquerytimers-提供3个函式: everyTime(时间间隔,[计算器名称],函式名称,[次数限制],[等待函式程序完成]) //每1s执行函数test() //1s=10 $('body' ...
jquery 定时器的使用
在页面上定时做某些事,如:站内短信提醒:当发信人给收件人发送一条短信,收件人在浏览此网站的时候,网站右下角会弹出一个框,提醒收件人已经收到一条短信,收件人可通过点击提醒,查看他的短信. 以下我写了一个 ...
html使用定时器timer,jquery插件jTimer jquery定时器的用法举例
本节内容: jquery插件jTimer,jQuery定时器. 需求: 按时间间隔执行一个任务,当满足一定条件时停止执行. 1,插件用法: 复制代码代码示例: (function ($) { $.e ...
转 jquery插件--241个jquery插件—jquery插件大全
241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...
241个jquery插件—jquery插件大全
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典 ...
jQuery入门 jQuery入门第三天
jQuery入门 jQuery入门第三天老师:黑马程序员文章目录 jQuery入门 jQuery入门第三天老师:黑马程序员 3. jQuery事件 3.1 jQuery事件注册 3.1.1 单个 ...
jQuery复习-(jQuery入门,jQuery语法(DOM),jQuery动画)
jQuery入门 jQuery的概述 jQuery是概念: jQuery是一个第三方框架(库) 框架:别人写好的js代码文件框架好处:复制粘贴提高代码效率 jQuery的作用: DOM操作(主要) ...

JQuery定时器(jQuery Timers)

JQuery定时器(jQuery Timers)相关推荐

最新文章

热门文章