Kaynağa Gözat

fix:展板和视频基本规定看够5s

aamin 1 yıl önce
ebeveyn
işleme
1ee2e3f705
1 değiştirilmiş dosya ile 44 ekleme ve 13 silme
  1. 44 13
      hot/src/views/Home.vue

+ 44 - 13
hot/src/views/Home.vue

@@ -128,16 +128,48 @@ export default {
 
       // 只有标题和文字(没有视频,没有模型,没有图片)
       oneTxt: false,
+
+      // 热点打开时间
+      time: 0,
     };
   },
   watch: {
     myType(val) {
       this.myInd = 0;
       if (val === 'img') {
-        // 点开展板,累计积分
-        if (window.parent && window.parent.window.parent.window && window.parent.window.parent.window.addScoreFu) {
-          window.parent.window.parent.window.addScoreFu('观看展板')
-        }
+        // 开始计时
+        const timer = setInterval(() => {
+          this.time += 1
+          console.log('热点打开计时',this.time)
+          if (this.time === 5) {
+            console.log('热点打开计时',this.time ,'已经到5s了,可以进行积分了')
+            this.time = 0
+            // 5s后停止计时器,且调用方法
+            clearInterval(timer)
+            
+            // 点开展板,累计积分
+            if (window.parent && window.parent.window.parent.window && window.parent.window.parent.window.addScoreFu) {
+              window.parent.window.parent.window.addScoreFu('观看展板')
+            }
+          }
+        },1000)
+
+      } else if (val === 'video') {
+        // 开始计时
+        const timer = setInterval(() => {
+          this.time += 1
+          console.log('热点打开计时',this.time)
+          if (this.time === 10) {
+            console.log('热点打开计时',this.time ,'已经到10s了,可以进行积分了')
+            this.time = 0
+            // 5s后停止计时器,且调用方法
+            clearInterval(timer)
+            // 点开视频,累计积分
+            if (window.parent && window.parent.window.parent.window && window.parent.window.parent.window.addScoreFu) {
+              window.parent.window.parent.window.addScoreFu('观看视频')
+            }
+          }
+        },1000)
       }
     },
     // 音频的开启和关闭
@@ -222,15 +254,14 @@ export default {
   mounted() {
     this.getData();
     // 监听视频观看完成时,记录积分
-    setTimeout(() => {
-      const videoIDDom = document.getElementById('videoID')
-      videoIDDom.addEventListener('ended', () => {
-        console.log('视频观看完成', window, window.parent, window.parent.window, window.parent.window.parent.window)
-        if (window.parent && window.parent.window.parent.window && window.parent.window.parent.window.addScoreFu) {
-          window.parent.window.parent.window.addScoreFu('观看视频')
-        }
-      })
-    }, 800)
+    // setTimeout(() => {
+    //   const videoIDDom = document.getElementById('videoID')
+    //   videoIDDom.addEventListener('ended', () => {
+    //     if (window.parent && window.parent.window.parent.window && window.parent.window.parent.window.addScoreFu) {
+    //       window.parent.window.parent.window.addScoreFu('观看视频')
+    //     }
+    //   })
+    // }, 800)
   },
 };
 </script>