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