这个函数可以延迟执行某一段功能函数,它的作用与javascript中提供的setTimeout()函数相似
如果我们希望在回调函数执行前取消操作,可以使用cancel()函数
代码一:
<script type="text/javascript" defer>
Ext.onReady(function(){
Ext.get('lwc').on('click',function(btn){
var d = new Ext.util.DelayedTask(function(){
var text = new Date().toLocaleString();
Ext.get('wr').update(text);
});
d.delay(1000);
});
});
</script>
</head>
<body>
<input id = 'lwc' type = 'button' value='按钮'/><br>
<div id ='wr'></div>
</body>
</html>
代码二
如果延迟执行的回调函数需要设置范围或者参数
<script type="text/javascript" defer>
Ext.onReady(function(){
app = {
msg : '你好',
recall : function(name,title){
var text = new Date().toLocaleString()+'<br>'+app.msg+' '+title+name;
Ext.get('wr').update(text);
}
};
Ext.get('lwc').on('click',function(btn){
var d = new Ext.util.DelayedTask(app.recall,app,['文超','李']);
d.delay(1000);
});
});
</script>
</head>
<body>
<input id = 'lwc' type = 'button' value='按钮'/><br>
<div id ='wr'></div>
</body>
</html>