jQuery Timers 定时插件使用
陆宝
近期碰到一个项目要轮询。js 自带的定时器 setinterval 满足不了需求如果封装要写好多代码查资料发现了jQuery Timers 很强大 使用起来也很简单。
写了个简单的小demo，记录下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="jquery-1.4.2.js"></script>
<script src="jquery.timers-1.1.2.js"></script>
</head>
<body>
<button id="btn1">每一秒执行 </button>
<button id="btn2">清除每二秒执行 </button>
<button id="btn3">执行3次停止 </button>
</body>
</html>
<script>
/*
1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
2. oneTime(时间间隔, [计时器名称], 呼叫的函式)
3. stopTime ([计时器名称], [函式名称])
*/
$(document).ready(
function(){
/*******每二秒执行********/
$("#btn1").click(function(){
$('body').everyTime('2s','ds1',function (){
console.log("每二秒执行");
});
});
/*******每二秒执行********/
/*******清除每二秒执行********/
$("#btn2").click(function(){
$('body').stopTime ('ds1');
console.log("已清除每二秒执行");
});
/*******清除每二秒执行********/
/*******执行3次停止********/
$("#btn3").click(function(){
$('#btn3').everyTime('1s','ds2',function (){
console.log("执行3次停止");
},3);
});
/*******执行3次停止********/
}
);
</script>
类似资料：