700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信/支付宝/网页--扫码进入H5页面 完成业务后关闭页面

微信/支付宝/网页--扫码进入H5页面 完成业务后关闭页面

时间:2021-03-06 16:51:47

相关推荐

微信/支付宝/网页--扫码进入H5页面 完成业务后关闭页面

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()}}}```

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。