JQuery 定时器 (Jquery Timer 插件) 下载及示例(转).pdf

JQuery Timers 是一个jQuery插件，它扩展了JavaScript的定时功能，提供了更加灵活和方便的方式来执行定时任务。这个插件包含三个主要函数：`everyTime`、`oneTime` 和 `stopTime`，用于周期性执行、一次性执行以及停止定时器。 1. `everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])`： - `时间间隔`：可以是自定义的时间单位，如 '1s' 表示1秒，'2das' 表示20秒，通过源代码中的powers对象进行转换。 - `[计时器名称]`：可选，用于识别和管理不同的计时器。 - `函式名称`：要执行的函数。 - `[次数限制]`：可选，指定函数执行的次数，如果为0或未设置，则表示无限次执行。 - `[等待函式程序完成]`：可选，如果为true，表示等待当前函数执行完毕后再进行下一次计时。 示例： - 每1秒执行名为`test`的函数：`$('body').everyTime('1s', test);` - 每20秒执行，最多5次，计时器名为'B'：`$('body').everyTime('2das', 'B', function() {}, 5);` 2. `oneTime(时间间隔, [计时器名称], 呼叫的函式)`： - 与`everyTime`类似，但只执行一次。 示例： - 倒计时10秒后执行函数：`$('body').oneTime('1das', function() {});` 3. `stopTime ([计时器名称], [函式名称])`： - 停止特定计时器或指定函数的执行。 - 如果不提供参数，将停止所有在选择器上的计时器。 - 如果提供计时器名称，将停止该名称的计时器。 - 如果提供函数名称，将停止所有调用该函数的计时器。 示例： - 停止所有在`$('body')`上的计时器：`$('body').stopTime();` - 停止名称为'A'的计时器：`$('body').stopTime('A');` - 停止所有调用`test`函数的计时器：`$('body').stopTime(test);` 这个插件特别适用于需要精确控制定时任务的场景，例如页面加载后的动画效果、定时更新数据或者倒计时功能。在实际应用中，可以结合HTML元素和事件来实现更复杂的交互逻辑。例如，在表单提交时，可以通过`oneTime`来禁用按钮并显示等待提示，然后在指定时间后恢复按钮功能： ```html <input id="Button1" type="button" value="测试提交" onclick="check();"> ``` ```javascript function check() { $("#Button1").attr("disabled", true); $("#Button1").val("正在提交，请稍等 3 秒....."); $('body').oneTime('3s', function() { $("#Button1").attr("disabled", false); $("#Button1").val("测试提交"); }); } ``` 在这个例子中，`check`函数在点击按钮时被调用，然后使用`oneTime`设置3秒后恢复按钮状态。这确保用户在提交期间不会重复点击，提高了用户体验。 总结来说，JQuery Timers插件提供了一套强大的定时器工具，使开发者能够更便捷地在jQuery项目中实现定时任务，增强了JavaScript的定时功能。通过合理利用这三个函数，可以创建出各种动态效果和交互体验。