微信小程序 延时执行 延时跳转

本文介绍在微信小程序开发中如何使用wx.showToast显示操作成功提示,并通过setTimeout延迟执行页面跳转,提升用户体验。

在微信小程序开发中,经常会遇到这样的需求:当用户操作后,我们需要先提醒用户操作成功,然后再进行页面跳转,这时候我们就需要用到setTimeout()来实现。

success(res){
        wx.showToast({
          title: '修改成功',
          icon:'success',
          duration:1500
        })
        
        setTimeout(
          function(){ //注意function这里不能缺少
            wx.navigateBack({
              delta: 1,
            })
          },1500)
      
      }
微信小程序中常用的延时和定时函数有`setTimeout()`和`setInterval()`,以下是它们的使用方法: ### `setTimeout()` `setTimeout()`可以实现代码块延迟执行的效果,并且可以设置延迟执行的具体时间。例如,两秒后打印一次“hello”的代码如下: ```javascript setTimeout(function() { console.log("hello World"); }, 2000); ``` 也可以使用箭头函数简化代码: ```javascript setTimeout(() => { console.log("hello World"); }, 2000); ``` 若要在自定义函数中使用`setTimeout`实现延迟效果,示例如下: ```javascript setTimeout(function() { //要实现延迟执行效果的代码块 this.qipa250(); }, 1000); ``` 以上代码设置了延迟 1 秒执行`this.qipa250()`函数 [^1][^3]。 ### `setInterval()` `setInterval()`用于定时重复执行一段代码。以下是在微信小程序中使用`setInterval`的示例: 首先,在微信小程序`data`中定义全局变量`timer`: ```javascript data: { timer: null, }, ``` 然后,在`onShow`函数里使用`setInterval`,`onShow`是页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,但不能传递参数。示例代码如下: ```javascript onShow: function() { this.data.timer = setInterval(() => { // 这里是需要定时执行的代码 console.log('定时执行的内容'); }, 3000); // 每 3 秒执行一次 }, ``` 在页面销毁时,需要清除定时器,避免内存泄漏: ```javascript onUnload: function() { clearInterval(this.data.timer); } ``` 这样就能保证在页面销毁时停止定时器的运行 [^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值