Mootools中delay这个延迟函数的高级用法
这是一种最简单的用法:
(function(){
alert('one second later...');
}).delay(1000);
这个函数会在1秒之后自动被执行
我们看一下delay这个函数的实现方法:
delay: function(delay, bind, args){
return setTimeout(this.pass((args == null ? [] : args), bind), delay);
}
很显然,它是使用了setTimeout来实现的,那么既然如此我们就可以清理他,下边是实现方法:
var Fun=function(msg){
alert('fd');
};
var timer=Fun.delay(5000);
//做某些操作之后清理timer
clearTimeout(timer);
接下来我说一下他的高级用法:
var Fun=function(msg){
alert(typeOf(this))//查看被绑定对象的类型
alert(this.get('tag')+'|'+msg);//显示对象名称和传递的参数
};
//2秒后执行Fun,同时把id='tab1'这个对象传递给Fun这个函数让其this为$('tab1'),然后传递一个参数
Fun.delay(2000,$('tab1'),'啊');
这段代码的意思是,延迟2秒,然后执行Fun这个函数,因为Fun这个函数我用了this,而默认状况下this对应的对象是window对象,而我却希望这个函数能够操作某个节点,所以呢,我就把对节点的绑定传递给了他,然后再传递msg,此时在函数内使用this是对象就不再是window了,而是变成了我给他绑定的这个节点对象.