Ext.util.TaskRunner定时执行任务

  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>

  构造函数TaskRunner([Number interval]),interval为可选参数,当新建立一个定时任务是,可指定interval毫秒来作为该线程执行的时间间隔。如果不指定interval,则默认为10毫秒。

你可能感兴趣的:(Runner)