读Ext之六(延迟任务的执行)

Ext.util.DelayedTask类从名字上就可以看出它是延迟任务的执行。即指定时间之后执行任务。

整个类如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Ext.util.DelayedTask = function(fn, scope, args){     var me = this,         id,             call = function(){             clearInterval(id);             id = null;             fn.apply(scope, args || []);         };       me.delay = function(delay, newFn, newScope, newArgs){         me.cancel();         fn = newFn || fn;         scope = newScope || scope;         args = newArgs || args;         id = setInterval(call, delay);     };       me.cancel = function(){         if(id){             clearInterval(id);             id = null;         }     }; };

总体上看写类方式是采用 构造函数方式 （将字段，方法都挂在内部this上）

当然这里this上没挂字段，只挂了两个方法delay和cancel。这里巧妙的使用setInterval和clearInterval而不是setTimeout。

DelayedTask 有三个参数，fn是需延迟执行的函数（必选，但可在delay时指定），scope是该函数执行时的上下文（可选），args是传递给该函数的参数（可选）。

delay方法的后三参数与DelayedTask构造器相同，第一个参数是需要延迟的时间数字，为毫秒。示例如下：

?

1 2 3 4 5

function fn(){     alert('test'); } var task = new Ext.util.DelayedTask(fn); task.delay(2000);

即在2秒后执行fn。这是最简单的示例，复杂的可以指定fn的执行上下文，还可以传参数。

这个类在 Ext.util.Event 类中私有函数createBuffered，createDelayed用到。而这两个函数在Ext.util.Event的createListener方法中用到。

 

下一篇的 Ext.util.TaskRunner 将提供更为强大，多任务定时管理功能。

 

DelayedTask.js