加定时器示例

wwwroot/main/manage/demo.html

@@ -43,7 +43,7 @@
         <div class="row row-cols-3 text-center g-2">
             <div class="col mx-1 boardone">
                 <div class="title">
-                    1号看板
+                    1号看板 <span id="currentTime01"></span>
                 </div>
                 <div class="chart">
                     <canvas id="canvas01"></canvas>
@@ -51,7 +51,7 @@
             </div>
             <div class="col mx-1 boardone">
                 <div class="title">
-                    2号看板
+                    2号看板 <span id="currentTime02"></span>
                 </div>
                 <div class="chart">
                     <canvas id="canvas02"></canvas>
@@ -124,6 +124,11 @@
     <script src="/main/Common/xuwell.js"></script>
 
     <script>
+        var refreshTime01 = 10;
+        var currentTime01 = 0;
+
+        var refreshTime02 = 5;
+        var currentTime02 = 0
 
         $(document).ready(function () {
             //设置缩放
@@ -131,6 +136,23 @@
             initAll();
         });
 
+        function doTimer() {
+            if (currentTime01 == 0) {
+                load01();
+            } else {
+                currentTime01--;
+                $("#currentTime01").text(currentTime01);
+            }
+            if (currentTime02 == 0) {
+                load02();
+            } else {
+                currentTime02--;
+                $("#currentTime02").text(currentTime02);
+            }
+
+
+        }
+
         function initAll() {
             window.chartColors = {
                 red: 'rgb(255, 99, 132)',
@@ -149,6 +171,9 @@
             Chart.defaults.global.defaultFontSize = 30;
 
             init01(); init02(); init03(); init04(); init05(); init06(); init07(); init08(); init09();
+
+            //启动计时器
+            setInterval(doTimer, 1000);
         }
         function init01() {
             window.config01 = {
@@ -641,10 +666,24 @@
             load01(); load02(); load03(); load04(); load05(); load06(); load07(); load08(); load09();
         }
         function load01() {
+            //加载数据
+            $.get("demo.html", function (data) {
 
+                //更新图表数据
+
+                //加载完成，重置刷新时间。
+                currentTime01 = refreshTime01;
+            });
         }
         function load02() {
+            //加载数据
+            $.get("demo.html", function (data) {
+
+                //更新图表数据
 
+                //加载完成，重置刷新时间。
+                currentTime02 = refreshTime02;
+            });
         }
         function load03() {