微信小程序中wx.showToast或跳转延时执行

秋月华星

已于 2023-08-29 15:33:12 修改

阅读量1.3k

点赞数 2

分类专栏：小程序文章标签：微信小程序小程序

于 2023-08-14 17:14:04 首次发布

本文链接：https://blog.youkuaiyun.com/llssdshiyi/article/details/132280090

版权

小程序专栏收录该内容

8 篇文章

订阅专栏

本文介绍了在微信小程序开发中，如何在用户交互如订单提交成功后使用Toast进行反馈，并确保在Toast展示完毕后再进行页面跳转，通过设置setTimeout实现延时操作，以解决默认情况下toast显示即跳转的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做微信小程序项目开发时需要对用户交互的数据状态结果进行反馈，但在反馈之后还有可能需要执行跳转等功能操作。拿Toast来讲，用户提交订单，订单提交成功，用toast来进行反馈，toast展示完成后进行页面跳转。默认的情况是toast刚显示就进行了跳转操作，因此，需要对跳转操作进行延时处理。需要用到代码:

setTimeout(function () {  
     //要延时执行的代码  
}, 1000) //延迟时间 这里是1秒

项目代码示例：

wx.showToast({
          title: '成功',
          icon: 'success',
          duration: 2000,
          success:function(){
            setTimeout(function () {
              //要延时执行的代码
              wx.reLaunch({
                url: '/pages/invoice/apply'
              })
            }, 2000) //延迟时间 
          }
 })

有时需要对showToast进行延时处理

setTimeout(function(){
            wx.showToast({
              title: '请选择对应类型的发票',
              icon: 'none',
              duration: 1500
            })
          },500)