Ext.util.TaskRunner定时执行任务

最新推荐文章于 2021-06-18 10:58:16 发布

weixin_34061042

最新推荐文章于 2021-06-18 10:58:16 发布

阅读量195

点赞数

文章标签： javascript ViewUI

　　Ext.util.TaskRunner能够提供多线程的定时任务，该类提供了对多线程任务的管理，可以通过Ext.TaskManager来创建Ext.util.TaskRunner的一个实例，也可以自行创建Ext.util.TaskRunner的实例。该类可以保障每一个任务或服务都可以在任何时刻独立的运行，而不会影响其他的任务或服务的运行。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link href="@Url.Content("~/Scripts/ext-4.0.7/resources/css/ext-all.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/ext-4.0.7/ext-all.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/ext-4.0.7/locale/ext-lang-zh_CN.js")" type="text/javascript"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
            var task = {
                run: function () {
                    Ext.fly('clock').update(Ext.util.Format.date(new Date(), "Y-m-d H:i:s"));
                },
                interval: 1000
            }
            var runner = new Ext.util.TaskRunner();
            runner.start(task);
        });  
    </script>
}
</head>
<body>
    <div id="clock"></div>
</body>
</html>

或：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link href="@Url.Content("~/Scripts/ext-4.0.7/resources/css/ext-all.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/ext-4.0.7/ext-all.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/ext-4.0.7/locale/ext-lang-zh_CN.js")" type="text/javascript"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.TaskManager.start({
                run: function () { Ext.fly("clock").update(Ext.util.Format.date(new Date(), "Y-m-d H:i:s")); }, interval: 1000
            });
        });  
    </script>
}
</head>
<body>
    <div id="clock"></div>
</body>
</html>