feat: 🎸 Showcase: Add setTimeoutLoop()

dd-center · Oct 31, 2019 · 07864bc · 07864bc
1 parent bda8107
commit 07864bc
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 6 deletions.
diff --git a/packages/superspider-showcase/pages/sc/dashboard.vue b/packages/superspider-showcase/pages/sc/dashboard.vue
@@ -142,10 +142,13 @@ export default {
         tr: ''
       },
       started: false,
-      interval: false,
+      timer: false,
       status: ''
     }
   },
+  beforeDestroy() {
+    if (this.timer) clearTimeout(this.timer)
+  },
   async mounted() {
     if (this.$route.query.roomid) {
       this.form.room = this.$route.query.roomid
@@ -156,12 +159,18 @@ export default {
     async startFetchData() {
       await this.fetchData()
       if (this.started === this.form.room) return
-      if (this.interval) clearInterval(this.interval)
-      this.interval = setInterval(async () => {
+      if (this.timer) clearTimeout(this.timer)
+      this.timer = this.setTimeoutLoop(async () => {
         await this.fetchData()
       }, 8000)
       this.started = this.form.room
     },
+    setTimeoutLoop(call, time) {
+      this.timer = setTimeout(async function fn() {
+        await call()
+        this.timer = setTimeout(fn, time)
+      }, time)
+    },
     async fetchData() {
       if (
         !this.form.room ||

diff --git a/packages/superspider-showcase/pages/sc/index.vue b/packages/superspider-showcase/pages/sc/index.vue
@@ -192,7 +192,7 @@ export default {
       scData: [],
       room: '',
       started: false,
-      interval: false,
+      timer: false,
       showTimeNative: true,
       showKanaNative: true,
       showGiftNative: true,
@@ -282,16 +282,25 @@ export default {
         }
       )
     },
+    beforeDestroy() {
+      if (this.timer) clearTimeout(this.timer)
+    },
     async startFetchData() {
       if (!this.room) return
       await this.fetchData()
       if (this.started === this.room) return
-      if (this.interval) clearInterval(this.interval)
-      this.interval = setInterval(async () => {
+      if (this.timer) clearTimeout(this.timer)
+      this.timer = this.setTimeoutLoop(async () => {
         await this.fetchData()
       }, 8000)
       this.started = this.room
     },
+    setTimeoutLoop(call, time) {
+      this.timer = setTimeout(async function fn() {
+        await call()
+        this.timer = setTimeout(fn, time)
+      }, time)
+    },
     async fetchData() {
       if (!this.room || isNaN(Number(this.room)) || this.room === '') return
       let err = false