init

xhs-mini-demos/component-case/timer/timer.css

@@ -0,0 +1,9 @@
+.input {
+  margin: 15px auto;
+  width: 80%;
+  /* border-bottom: 1px solid black; */
+}
+.text {
+  margin: 15px auto;
+  width: 80%;
+}

xhs-mini-demos/component-case/timer/timer.js

@@ -0,0 +1,56 @@
+Page({
+  data: {
+    value: '',
+  },
+
+  onShareAppMessage() {
+    return {
+      title: '定时器',
+      path: 'packageAPI/pages/timer/timer',
+    };
+  },
+  handle1() {
+    const self = this;
+    self.setData({ value: '' });
+    if (!globalThis.setTimeout) {
+      self.setData({ value: '不支持' });
+    } else {
+      globalThis.setTimeout(() => {
+        console.log('支持');
+        self.setData({ value: '支持' });
+      }, 1000);
+    }
+  },
+  handle2() {
+    const self = this;
+    self.setData({ value: '' });
+    if (!globalThis.clearTimeout) {
+      self.setData({ value: '不支持' });
+    } else {
+      self.setData({ value: '支持' });
+    }
+  },
+  handle3() {
+    const self = this;
+    self.setData({ value: '' });
+    if (!globalThis.setInterval) {
+      self.setData({ value: '不支持' });
+    } else {
+      const handle = setInterval(() => {
+        self.setData({ value: '支持' });
+        if (clearInterval) {
+          clearInterval(handle);
+        }
+      }, 4000);
+    }
+  },
+  handle4() {
+    const self = this;
+    self.setData({ value: '' });
+    if (!globalThis.clearInterval) {
+      self.setData({ value: '不支持' });
+    } else {
+      self.setData({ value: '支持' });
+    }
+  },
+});

xhs-mini-demos/component-case/timer/timer.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "timer"
+}

xhs-mini-demos/component-case/timer/timer.xhsml

@@ -0,0 +1,13 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section">
+      <text>
+        {{value}}
+      </text>
+      <button bindtap="handle1">setTimeout</button>
+      <button bindtap="handle2">clearTimeout</button>
+      <button bindtap="handle3">setInterval</button>
+      <button bindtap="handle4">clearInterval</button>
+    </view>
+  </view>
+</view>