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(" rel="external nofollow" rel="external nofollow" ~/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(" rel="external nofollow" rel="external nofollow" ~/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毫秒。