Extjs-使用工具执行延迟函数 Ext.util.DelayedTask

最新推荐文章于 2020-10-23 10:05:09 发布

itlwc

最新推荐文章于 2020-10-23 10:05:09 发布

阅读量1.6w

点赞数

分类专栏： Extjs 文章标签：工具

本文链接：https://blog.csdn.net/itlwc/article/details/7887494

版权

Extjs 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

这个函数可以延迟执行某一段功能函数,它的作用与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>

itlwc

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Extjs-使用工具执行延迟函数 Ext.util.DelayedTask

这个函数可以延迟执行某一段功能函数,它的作用与javascript中提供的setTimeout()函数相似如果我们希望在回调函数执行前取消操作,可以使用cancel()函数代码一: Ext.onReady(function(){ Ext.get('lwc').on('click',function(btn){ var d = new
复制链接

扫一扫