From 3e19d36e97d32f082d7586292e1980ee89d8aea0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?=
 <3277200+sentsim@users.noreply.github.com>
Date: Sun, 25 Jun 2023 09:41:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20countdown=20=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/util/detail/demo.md | 37 ++++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/docs/util/detail/demo.md b/docs/util/detail/demo.md
index 24e20589..f23f2c3c 100644
--- a/docs/util/detail/demo.md
+++ b/docs/util/detail/demo.md
@@ -1,4 +1,4 @@
-<pre class="layui-code" lay-options="{preview: 'iframe', codeStyle: 'height: 535px;', layout: ['preview', 'code'], tools: ['full']}">
+<pre class="layui-code" lay-options="{preview: true, codeStyle: 'height: 535px;', layout: ['preview', 'code'], allowParse: true, tools: ['full']}">
   <textarea>
 <h3 class="ws-anchor ws-bold">倒计时</h3>
 
@@ -51,26 +51,29 @@ layui.use(function(){
   var $ = layui.$;
 
   // 倒计时
-  var thisTimer;
-  var setCountdown = function(value){
-    var endTime = new Date(value); // 结束日期
-    var serverTime = new Date(); // 假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的
-     
-    clearTimeout(thisTimer);
-    util.countdown(endTime, serverTime, function(date, serverTime, timer){
-      var str = date[0] + ' 天 ' + date[1] + ' 时 ' +  date[2] + ' 分 ' + date[3] + ' 秒';
+  var countdown = util.countdown({
+    date: '2099-12-31 00:00:00', // 目标时间值
+    now: new Date(), // 当前时间，一般为服务器时间，此处以本地时间为例
+    ready: function(){ // 初始操作
+      clearTimeout(util.countdown.timer); // 清除旧定时器，防止多次渲染时重复执行。实际使用时不常用
+    },
+    clock: function(obj, inst){  // 计时中
+      var str = [obj.d,'天',obj.h,'时',obj.m,'分',obj.s,'秒'].join(' ');
       lay('#test2').html('距离上述日期还有：'+ str);
-      thisTimer = timer;
-    });
-  };
-
-  setCountdown('2099-12-31 00:00:00');
-  
+      util.countdown.timer = inst.timer; // 记录当前定时器，以便在重复渲染时清除。实际使用时不常用
+    },
+    done: function(obj, inst){ // 计时完成
+      layer.msg('Time is up');
+    }
+  });
+  // 重置倒计时
   laydate.render({
     elem: '#test1',
     type: 'datetime',
-    done: function(value, date){
-      setCountdown(value);
+    done: function(value){
+      countdown.reload({
+        date: value
+      });
     }
   });