《用Ext编排JavaScript任务Ext.TaskMgr Scheduling JavaScript Tasks》
By Aaron Conran
Ext支持版本: 1.x/2.0
Ext.TaskMgr是ExtJS库中一项未归档的功能,允许以可编程的方式编排调度某项任务。你可反复每隔一定时间地运行,也可以指定每个任务运行的次数、运行的持续时间和运行的频率等等。Ext.TaskMgr其实是Ext.TaskRunner的一个实例,它的源码可以source/util/TaskMgr.js找到。
要编排一个任务,你可以按照以下的语句:
Ext.TaskMgr.start({run: myFunction, interval: 1000});
除非关闭浏览器或调用stop方法停止任务,如果不是每一秒就会运行一次名为myFunction的函数。
任务的配置项:
* run: 编排的函数
* scope: 执行的作用域
* interval: 运行的频率
* duration: 运行多久
* args: 要传入到编排函数内的参数,缺省下函数所接受到的参数为你任务已运行的次数
* repeat: 任务运行的次数
值得注意的是,如果你安排了一个间隔时间500ms的任务,它运行10次后所花的时间并非一定绝对是5000ms,可能有少少误差,如果要避免这种误差,你应配置repeat项代替duration。
TaskMgr对象并没有自带的延时执行任务功能,不同我们可以通过方法defer来到达推迟(延时)任务的目的:
Ext.TaskMgr.start.defer(4000, this, [{run: this.myFunction, interval: 1000, scope: this}]);
把这些功能归纳在一起放到下面的例子:
var UtilityClass = function() {
return {
myOtherTask: function(val) {
console.log('running in a different class: ' + val)
}
};
};
var TaskMgrTest = function() {
return {
init: function() {
var util = new UtilityClass();
/* run this.myTask every 5000ms in the scope of this */
Ext.TaskMgr.start({run: this.myTask, interval: 5000, scope: this});
/* run util.myOtherTask every 500ms for 5000ms in the scope of util */
/* override the default argument by a passed in array */
Ext.TaskMgr.start({run: util.myOtherTask, interval: 500, scope: util, args: ['overriden value'], duration: 5000});
/* run this.theLastOne every 1000ms 10x in the scope of this */
/* defer (delay) the scheduling of the task for 4000ms */
Ext.TaskMgr.start.defer(4000, this, [{run: this.theLastOne, interval: 1000, repeat: 10, scope: this}]);
},
myTask: function() {
console.log('hola ' + new Date().getTime());
},
/* by default we are passed an argument of numTimesRun */
/* which keeps track of how many times this task has run */
theLastOne: function(numTimesRun) {
console.log('only run ' + numTimesRun + '/10');
}
};
}();
Ext.EventManager.onDocumentReady(TaskMgrTest.init, TaskMgrTest);