ExtJs之Ext.util.TaskRunner

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/45164

文章标签：

#javascript #ViewUI

本文展示了一个使用ExtJs框架实现的定时任务示例。该示例通过Ext.util.TaskRunner来创建并启动一个定时任务，该任务每秒钟运行一次，总共运行五次，并在十秒后自动停止。

<!DOCTYPE html>

<html>

<head>

    <title>ExtJs</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

      <script type="text/javascript" src="ExtJs/ext-all.js"></script>

      <script type="text/javascript" src="ExtJs/bootstrap.js"></script>

      <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

</head>

<body>

<script type="text/javascript">
Ext.onReady(function() {

  var task = {

    run:function(){

      Ext.Msg.alert("notice", "线程已经运行，我将每次运行重复5次，但10秒后我将停止！");

    },

    interval: 1000,

    repeat: 5,

    duration: 10000

  };

  var task1 = new Ext.util.TaskRunner();

  task1.start(task);

  //task1.stopAll();
});

</script>

</body>

</html>