精选名称：JQuery Timers
授权模式：WTFPL
官方网页：http://jquery.offput.ca/every/
官方展示：http://jquery.offput.ca/every/
底端
有时候必需定时做一个动作，像是每n秒透过ajax发送讯息伺服器，取得更新资讯。
一般的方式是使用Javascript的原生计时器函式 clearInterval、clearTimeout、setInterval、setTimeout，
不过原生函式在使用上不太直觉，而且无法快速的 指定套用在某个特定的网页元素，
另外他的间隔单位是以毫秒去计算(1秒=1000毫秒)，嗯…我想要每5分钟做一次，
那我要设 定…60*60*1000=3600000秒…对吧？还是360000秒？
这时候快从哆啦B梦口袋拿出了JQuery Timers这个法宝就能解决这麻烦的问题。
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);
如果你试著打开他的原始码，你可以发现下列这段程式码，正是时间间隔的字串缩写，所以我们也可以自订自己所需要的缩写字串，像是分，时之类的
// Yeah this is major overkill...
'ms': 1,
'cs': 10,
'ds': 100,
's': 1000,
'das': 10000,
'hs': 100000,
'ks': 1000000,
//自订单位
'm': 60000,
'h': 360000
示例1：
$("#close-button").click(function() {
$(this).oneTime(1000, function() {
$(this).parent(".main-window").hide();
});
});
$("#cancel-button").click(function() {
$("#close-button").stopTime();
});
示例2：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Time Interval Page Element Refresh using JQuery and a sprinkle of Ajax</title>
<script language="javascript" src="jquery-1.2.6.min.js"></script>
<script language="javascript" src="jquery.timers-1.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var j = jQuery.noConflict();
j(document).ready(function()
{
j(".refreshMe").everyTime(1000,function(i){
j.ajax({
url: "refresh-me.php",
cache: false,
success: function(html){
j(".refreshMe").html(html);
}
})
})
});
j('.refreshMe').css({color:"red"});
});
</script>
</head>
<body>
<div class="refreshMe">This will get Refreshed in 1 Seconds</div>
</body>
</html>
分享到：
相关推荐
2. AJAX（异步JavaScript和XML）技术：在ASP.NET中，我们可以使用AJAX来实现实时通信，无需刷新整个页面即可更新部分内容。这通常是通过使用ASP.NET AJAX Control Toolkit或者jQuery的AJAX方法实现的。 3. 创建提醒...
6. **服务器端定时器**：可以使用ASP.NET的`System.Timers.Timer`或`System.Web.UI.Timer`类来实现定时任务，每五秒钟更换一次显示的图片。需要注意的是，服务器端定时器不会影响客户端的计时，所以可能需要配合AJAX...
6. **Timers and Auto-PostBacks**（计时器和自动回发）：ASP.NET AJAX允许使用Timer控件来定期触发服务器端事件，实现定时更新内容。 7. **Error Handling**（错误处理）：在异步请求中，处理可能出现的错误是必不...
这可能涉及定时器（timers）或者WebSocket技术，实现实时通信，确保数据的即时同步。 至于用户状态监控，JavaScript可以分析用户的行为数据，例如登录频率、任务完成率等，这些数据对于评估用户活跃度和效率至关...
C#中的System.Timers.Timer或System.Threading.Timer可以实现这一功能。 5. **模拟登录**：抢购前需要登录账号，软件可能包含了模拟登录的逻辑，包括存储和发送cookie、处理验证码等。这需要理解网站的登录机制，并...
3. **强大的监听器**：插件增加了如CSS/JQuery Extractor、Regular Expression Extractor等监听器，可以更方便地提取和验证响应中的数据，提高了测试的灵活性和准确性。 4. **其他组件**：如Timers（定时器）和...
例如，处理验证码、Session ID等，我们需要使用正则表达式提取器或CSS/JQuery Extractor来捕获和重用这些值。 此外，JMeter还支持脚本化测试，如JSR223 Sampler允许使用各种脚本语言编写测试逻辑，增强了测试的灵活...