1:html
<span class="date">{{countdown}} 秒后自动退出</span><div class="btn_one"><van-button block type="info" @click="closePage">完成</van-button></div>data () {return {countdown: '6',timer: null}},
2:倒计时关闭
mounted () {this.loading() // 启动定时器this.timer = setInterval(() => {// 创建定时器if (this.countdown === 1) {this.clearTimer() // 关闭定时器this.closePage()} else {this.loading()}}, 1000)},methods: {loading () {// 启动定时器this.countdown-- // 定时器减1},clearTimer () {// 清除定时器clearInterval(this.timer)this.timer = null},// 先清除定时器,在关闭页面closePage() {clearInterval(this.timer)let browser = navigator.userAgent.toLowerCase();if (browser.match(/Alipay/i) == "alipay") {console.log("支付宝app的浏览器");//这个可以关闭安卓系统的手机document.addEventListener("AlipayJSBridgeReady", function () {AlipayJSBridge.call("closeWindow");},false);//这个可以关闭ios系统的手机AlipayJSBridge.call('closeWebview'); //支付宝} else if (browser.match(/MicroMessenger/i) == "micromessenger") {//这个可以关闭安卓系统的手机document.addEventListener("WeixinJSBridgeReady", function () {WeixinJSBridge.call("closeWindow");},false);//这个可以关闭ios系统的手机WeixinJSBridge.call("closeWindow");} else {console.log("其它浏览器");window.opener = null; //如果没有这行和下面的一行则会出现上面的第二个询问框。window.open(' ', '_self', ' ');window.close()}}}```