jQuery Based JavaScript Timers Replacement - Timer

jQuery Timer

放置一个两秒计时器:

//两秒后弹出对话框. $("body").timer(function() { 	alert("Hello jQuery Timer!"); });

放置一个三秒计时器:

//三秒后搜索页面中的 a 标签，弹出数量. $("body").timer(function() { 	alert( $(this).find("a").length ); }, 3);

放置一个两秒计时器，并且指定迭代次数为三次:

//每两秒控制台输出一下系统时间戳. $("a").timer(function() { 	console.log( Date.now() ); }, 2, 3);

放置一个两秒计时器，并且指定迭代次数为三次，完成时弹出提示:

//每两秒控制台输出一下当前迭代进度. $("a").timer(function(i, count) { 	console.log( "计时进度: " + i + "/" + count ); }, 2, 3, function() { 	alert("计时已完成"); });

备注：DEMO中默认使用 jQuery 2.x，可以换做 1.9+ 来兼容IE

timer 方法接收的可选参数，依照参数顺序列举。可以按照顺序给出可选参数，也可以传入JSON格式配置指定参数。

参数	类型	默认值	说明
iteration	Function	空函数	计时器执行的迭代函数，接受两个可选参数。第一个标识当前回调执行的次数，第二个参数标识迭代的目标次数
duration	Number	2	计时器迭代时间间隔，时间单位是秒，默认为2秒
count	Number	1	计时器迭代目标次数。如果设置为 -1 或 0 则无限迭代，直到被设为停止。
quick	Boolean	false	是否设置计时器后，就立即先执行一次. 如果设置 true ，计时器放置后就率先执行一次，而不必等待第一次计时结束
callback	Function	空函数	计时器走完计时后的回调函数, 所有迭代完成后执行. 无限循环退出时自动执行，或者配置为手动触发。
i	Number	0	计时器索引的起始值，记录计时器已执行的次数。未设置则从 0 开始计数.
actived	Boolean	true	处于激活状态的计时器才会工作，否则被手动激活后才开始工作.