微信小程序实现 3秒后自动跳转到指定页面 |
您所在的位置：网站首页 › 微信小程序页面跳转代码 › 微信小程序实现 3秒后自动跳转到指定页面 |
|
需求描述：在某个页面，当用户点击 按钮 时，如果用户没有登录，则 3 秒后自动跳转到登录页面 思路: 1.判断用户有没有进行登录,如果没有登录,那么就调用this.delayTime()这个方法 2.首先写一个展示弹框的方法 this.showTips() 3.在this.delayTime()里面进行延时器以及页面跳转的操作 1. 首先在判断用户是否登录的地方调用专门用来实现倒计时功能的方法 // 如果没有token,则判断用户是没有登录的,调用this.delayTime() if(!this.token) return this.delayTime()2.实现倒计时跳转功能的方法 data() { return { time: 3, // 倒计时的秒数 timeId: null // 定时器ID }; }, methods: { // 专门用来展示倒计时以及页面跳转的方法 delayTime() { // 1.每次点击结算,都需要将倒计时秒数还原 this.time = 3 // 2.展示倒计时弹框 this.showTips(this.time) // 3.使用setInterval 实现倒计时 this.timeId = setInterval(() => { // 3.1 秒数每次减1 this.time -= 1 // 3.3 做一个判断,如果秒数为0的话清除定时器 if(this.time |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |