繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Prototype PeriodicalExecuter对象 学习
- Javascript
- JS 参数传递的实际应用代码分析
- prototype与jquery下Ajax实现的差别
- 用JS写的简单的计算器实现代码
- javascript 数组操作实用技巧
- JavaScript 中级笔记 第二章
- JavaScript 中级笔记 第三章
- JavaScript 中级笔记 第四章 闭包
- JavaScript 中级笔记 第五章 面向对象的基础
- Mootools 1.2教程 函数
- Mootools 1.2教程 事件处理
- 通过Mootools 1.2来操纵HTML DOM元素
- Mootools 1.2教程 设置和获取样式表属性
- Mootools 1.2教程 输入过滤第一部分（数字）
- Mootools 1.2教程 输入过滤第二部分（字符串）
- Mootools 1.2教程 Fx.Tween的使用
- Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
- MooTools 1.2中的Drag.Move来实现拖放
- Mootools 1.2教程 正则表达式
- Mootools 1.2教程 定时器和哈希简介
- Mootools 1.2教程 滚动条（Slider）
Javascript 中的 Prototype PeriodicalExecuter对象 学习
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 379 ::
收藏到网摘: n/a
这个对象就是可以周期性的执行某个方法，但是在它内部维持了一个状态，可以防止由于某些原因一次调用没执行，然后下一次调用又来了，这样会造成连续执行两次方法。上面的第二断英文就是这个意思。 This is a simple facility for periodical execution of a function. This essentially encapsulates the native clearInterval/setInterval mechanism found in native Window objects.
This is especially useful if you use one to interact with the user at given intervals (e.g. use a prompt or confirm call): this will avoid multiple message boxes all waiting to be actioned.
这个对象就是可以周期性的执行某个方法，但是在它内部维持了一个状态，可以防止由于某些原因一次调用没执行，然后下一次调用又来了，这样会造成连续执行两次方法。上面的第二断英文就是这个意思。
帮助文档上说这个对象只提供了一个方法stop，但是在我看的源码里还提供了一个事件onTimerEvent，应该可以在某个时候触发这个事件。但帮助文档上没有给出示例。
这个对象源码比较简单，这里直接贴出来了，就不再注释了：
复制代码 代码如下:
var PeriodicalExecuter = Class.create({
initialize: function(callback, frequency) {
this.callback = callback;
this.frequency = frequency;
this.currentlyExecuting = false;
this.registerCallback();
},
registerCallback: function() {
this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
},
execute: function() {
this.callback(this);
},
stop: function() {
if (!this.timer) return;
clearInterval(this.timer);
this.timer = null;
},
onTimerEvent: function() {
if (!this.currentlyExecuting) {
try {
this.currentlyExecuting = true;
this.execute();
} catch(e) {
/* empty catch for clients that don't support try/finally */
}
finally {
this.currentlyExecuting = false;
}
}
}
});
看一下示例：
复制代码 代码如下:
new PeriodicalExecuter(function(pe) {
if (!confirm('Want me to annoy you again later?'))
pe.stop(); },
5);
// Note that there won't be a stack of such messages if the user takes too long
// answering to the question...
评论 (0) All
