路线锁定定时提示弹窗

main.js

@@ -25,6 +25,42 @@ 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;
+    }
+  }
+};
+
 import store from '@/vuex/store.js'
 
 const app = new Vue({