微信小程序设置支付返回达到计时效果
本文链接：https://blog.csdn.net/qq_40236722/article/details/98169847
很多时候，我们在微信小程序中需要让它过了一段时间自动执行一个方法，这个时候我们就需要利用setInterval来设置定时器。
number setInterval(function callback, number delay, any rest)
设定一个定时器。按照指定的周期（以毫秒计）来执行注册的回调函数
参数
function callback
回调函数
number delay
执行回调函数之间的时间间隔，单位 ms。
any rest
param1, param2, …, paramN 等附加参数，它们会作为参数传递给回调函数。
返回值
number
定时器的编号。这个值可以传递给 clearInterval 来取消该定时。
以上内容来自小程序微信官方文档
说了这么多，接下来直接看我写的代码吧。
wxml代码如下:
js关键部分代码如下：
/**
* 页面的初始数据
*/
data: {
time: 5,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.setTime()
},
// 设置计时器
setTime(){
let that = this
let myTime = setInterval(function () {
that.setData({
【微信小程序设置支付返回达到计时效果】time: that.data.time - 1
})
if (that.data.time == 0) {
clearInterval(myTime)
wx.navigateTo({
url:''
})
}
}, 1000)
},
首先讲一下我的思路
刚开始data里定义time给他初始值5，然后每过个一秒钟让time减1，等到time变成0再清除计时器，并且让他自动跳到其他页面。
实现效果如下:
文章图片
推荐阅读
- 一个小故事，我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗（）