Ext.util.TaskRunner定時執行任務

libingql發表於2014-03-09

　　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毫秒。

相關文章