延时器

main.js

@@ -26,37 +26,64 @@ Vue.directive('enterNumber', {
 });
 
 // 全局计时
+// Vue.prototype.$globalData = {
+//   timer: null,
+//   timerDuration: 20, // 假设是60秒
+//   startTimer: function() {
+//     const self = this;
+//     self.timer = setInterval(function() {
+//       self.timerDuration--;
+//       console.log('剩余时间：' + self.timerDuration + '秒');
+//       if (self.timerDuration <= 0) {
+//         clearInterval(self.timer);
+// 		self.timerDuration = 20;
+//         console.log('计时器结束1');
+// 		uni.showModal({
+// 			title: '提示',
+// 			showCancel: false,
+// 			content: '路线锁定未释放，请操作完成再退出！',
+// 			success: (res) => {
+// 				if (res.confirm) {
+// 					Vue.prototype.$globalData.startTimer()
+// 				}
+// 			}
+// 		})
+//       }
+//     }, 1000);
+//   },
+//   stopTimer: function() {
+//     if (this.timer) {
+//       clearInterval(this.timer);
+// 	  console.log('计时器结束2');
+//       this.timer = null;
+// 	  this.timerDuration = 20;
+//     }
+//   }
+// };
 Vue.prototype.$globalData = {
   timer: null,
-  timerDuration: 20, // 假设是60秒
   startTimer: function() {
     const self = this;
-    self.timer = setInterval(function() {
-      self.timerDuration--;
-      console.log('剩余时间：' + self.timerDuration + '秒');
-      if (self.timerDuration <= 0) {
-        clearInterval(self.timer);
-		self.timerDuration = 20;
-        console.log('计时器结束1');
-		uni.showModal({
-			title: '提示',
-			showCancel: false,
-			content: '路线锁定未释放，请操作完成再退出！',
-			success: (res) => {
-				if (res.confirm) {
-					Vue.prototype.$globalData.startTimer()
-				}
-			}
-		})
-      }
-    }, 1000);
+    self.timer = setTimeout(function() {
+      clearTimeout(self.timer);
+      // console.log('延时器结束1');
+      uni.showModal({
+      	title: '提示',
+      	showCancel: false,
+      	content: '路线锁定未释放，请操作完成再退出！',
+      	success: (res) => {
+      		if (res.confirm) {
+      			Vue.prototype.$globalData.startTimer()
+      		}
+      	}
+      })
+    }, 10000);
   },
   stopTimer: function() {
     if (this.timer) {
-      clearInterval(this.timer);
-	  console.log('计时器结束2');
+      clearTimeout(this.timer);
+	  // console.log('延时器结束2');
       this.timer = null;
-	  this.timerDuration = 20;
     }
   }
 };