ExtJS的定时调用函数

<link rel="stylesheet" type="text/css" href="<%=basePath %>/ext-3.4/resources/css/ext-all.css">
    <script type="text/javascript" src="<%=basePath%>/ext-3.4/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="<%=basePath%>/ext-3.4/ext-all-debug.js"></script>
    <script type="text/javascript" src="<%=basePath%>/jsp/js/HelloWindow.js"></script>
    <script type="text/javascript">
        // 我们知道javascript提供的定时函数有setTimeout(指定时间后调用函数),setInterval(指定频率调用函数)等
        // Ext的定时有Ext.util.DelayedTask类似setTimeout,Ext.util.TaskRunner类似java Thread功能,可以生成相互独立的任务或线程
        var task = new Ext.util.DelayedTask(function(){
            console.info('开始执行功能.....');
        });
        task.delay(1500);
        // 下面演示DelayedTask如何接收参数
        // 函数接收到参数对应参数数据组中的顺序
        function catchSome(command1,command2,command3){
            console.info('执行工作:'+command1+','+command2+','+command3);
        }
        var task2 = new Ext.util.DelayedTask();
        // 穿给函数的参数必须在数组中定义
        var commands = ['买牛奶','买报纸','接孩子'];
        task2.delay(
            1500,//多久后执行
            catchSome,//要执行的函数
            this,//函数执行的范围,默认window
            commands//参数
        );

        // Ext.util.TaskRunner用法如下
        function sayHi(){
            console.debug('Hi');
        }

        var task3 = {
                run:sayHi,
                interval:1000
        };
        // 实例化Taskrunner并调用start()以启动任务
        var runner = new Ext.util.TaskRunner();
        runner.start(task3);
        // 也可以通过TaskMgr(任务管理器)类来启动

        var i = 0;
        function sayHello(){
            if(i >= 10){
                Ext.TaskMgr.stop(task4);
            }
            console.debug('stop say Hello');
            i++;
        }

        var task4 = {
            run:sayHello,
            interval:1200
        };
        Ext.TaskMgr.start(task4);
    </script>
ExtJS 6 中,可以使用异步函数来处理异步操作。常见的异步函数有以下几种: 1. 回调函数(Callback):将一个函数作为参数传递给另一个函数,当某个操作完成时,会调用该回调函数。例如: ```javascript function asyncFunction(callback) { // 执行异步操作 // 操作完成后调用回调函数 callback(); } asyncFunction(function() { // 在回调函数中处理操作完成后的逻辑 }); ``` 2. Promise:Promise 是一种用于处理异步操作的对象,它可以表示一个操作的最终完成(或失败)及其结果值。例如: ```javascript function asyncFunction() { return new Promise(function(resolve, reject) { // 执行异步操作 // 操作完成后调用 resolve 或 reject if (operationSucceeded) { resolve(result); } else { reject(error); } }); } asyncFunction() .then(function(result) { // 在操作成功时处理结果 }) .catch(function(error) { // 在操作失败时处理错误 }); ``` 3. async/await:async/await 是 ECMAScript 2017 引入的一种处理异步函数的语法。通过在函数前面添加 `async` 关键字,可以将函数标记为异步函数。在异步函数中,可以使用 `await` 关键字等待一个 Promise 对象的执行结果。例如: ```javascript async function asyncFunction() { try { const result = await promise; // 等待 promise 的执行结果 // 在操作成功时处理结果 } catch (error) { // 在操作失败时处理错误 } } asyncFunction(); ``` 以上是 ExtJS 6 中常见的异步函数处理方式,根据具体的需求选择合适的方式来处理异步操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值