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

来源:互联网 发布:sql server2005 免费吗 编辑:程序博客网 时间:2024/06/16 12:47
这个函数可以延迟执行某一段功能函数,它的作用与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>

原创粉丝点击