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