购好物，首页，“折扣专区”和“积分商城”轮训在切换页面时不要再次设置轮训，优化~

王强
1 parent 4353fecc
Showing 1 changed file with 33 additions and 23 deletions
src/pages/optimization2/optimization2.vue
@@ -363,7 +363,8 @@
                 discountData: {
                     now: [],                    // 当前折扣专区数据（用于动画展示）
                     next: 0,                    // 下一个需要展示的折扣专区数组下标（折扣专区总数据）
-                    index: 0                    // 下一个需要展示的位置下标（折扣专区now数据）
+                    index: 0,                   // 下一个需要展示的位置下标（折扣专区now数据）
+                    interval: null              // 轮训对象，用于判断如果有轮训对象就不再重新设置轮训了
                 },
                 quality: null,                  // 品质优选
                 salesOptions: null,             // 热销排行选项
@@ -377,7 +378,8 @@
                 pointsData: {
                     now: [],                    // 当前积分商城数据（用于动画展示）
                     next: 0,                    // 下一个需要展示的积分商城数组下标（积分商城总数据）
-                    index: 0                    // 下一个需要展示的位置下标（积分商城now数据）
+                    index: 0,                   // 下一个需要展示的位置下标（积分商城now数据）
+                    interval: null              // 轮训对象，用于判断如果有轮训对象就不再重新设置轮训了
                 },
                 likeLists: null,                // 猜你喜欢列表
                 likeNum: 0,                     // 猜你喜欢二维数组当前显示的下标
@@ -674,15 +676,19 @@
                             // 设置折扣专区计时器，每3秒切换一次数据
                             this.$nextTick(() => {
  
-                                // 判断数据数量是否 > 2 ，如果是，执行切换轮训
-                                if (this.discountData.now.length < this.discountLists.length) {
+                                // 判断是否已有轮训对象
+                                if (!this.discountData.interval) {
  
-                                    // 轮训计时器
-                                    setInterval(() => {
-                                        
-                                        // 切换折扣专区数据
-                                        this.fade(this.discountData, this.discountLists);
-                                    }, 3000);
+                                    // 判断数据数量是否 > 2 ，如果是，执行切换轮训
+                                    if (this.discountData.now.length < this.discountLists.length) {
+
+                                        // 轮训计时器
+                                        this.discountData.interval = setInterval(() => {
+                                            
+                                            // 切换折扣专区数据
+                                            this.fade(this.discountData, this.discountLists);
+                                        }, 3000);
+                                    }
                                 }
                             });
                         }
@@ -703,22 +709,26 @@
                         // 设置积分商城计时器，每3秒切换一次数据
                         this.$nextTick(() => {
  
-                            // 判断数据数量是否 > 2 ，如果是，执行切换轮训
-                            if (this.pointsData.now.length < this.pointsLists.length) {
+                            // 判断是否已有轮训对象
+                            if (!this.pointsData.interval) {
  
-                                // 和折扣专区岔开，延时1秒执行
-                                setTimeout(() => {
-                                    
-                                    // 随机生成轮训时间
-                                    let timer = (parseInt(Math.random() * (500 + 1) + 3000, 10) || 3000);
+                                // 判断数据数量是否 > 2 ，如果是，执行切换轮训
+                                if (this.pointsData.now.length < this.pointsLists.length) {
  
-                                    // 轮训计时器
-                                    setInterval(() => {
+                                    // 和折扣专区岔开，延时1秒执行
+                                    setTimeout(() => {
  
-                                        // 切换折扣专区数据
-                                        this.fade(this.pointsData, this.pointsLists);
-                                    }, timer || 3000);
-                                }, 1000);
+                                        // 随机生成轮训时间
+                                        let timer = (parseInt(Math.random() * (500 + 1) + 3000, 10) || 3000);
+
+                                        // 轮训计时器
+                                        this.pointsData.interval = setInterval(() => {
+                                            
+                                            // 切换折扣专区数据
+                                            this.fade(this.pointsData, this.pointsLists);
+                                        }, timer || 3000);
+                                    }, 1000);
+                                }
                             }
                         });
                     } else {