小程序wx.showToast一闪，持续时间短

最新推荐文章于 2025-06-13 17:18:09 发布

凉红茶

最新推荐文章于 2025-06-13 17:18:09 发布

阅读量8.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：小程序散装知识点文章标签：小程序

本文链接：https://blog.csdn.net/weixin_40682842/article/details/98208923

小程序散装知识点专栏收录该内容

3 篇文章

订阅专栏

本文展示了一个在微信小程序中使用Toast组件显示消息的具体代码示例。通过setTimeout函数实现延迟显示和隐藏Toast，以提供良好的用户体验。

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

setTimeout(() => {
   wx.showToast({
     title: '提交成功',
     icon: "success",
   });
   setTimeout(() => {
     wx.hideToast();
   }, 2000)
 }, 0);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凉红茶

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

小程序开发及变现：用户在触发某个操作后的wx.showToast提示及showToast一闪而过的解决方法

开发者在线

05-14

1087

当我们在网页中嵌入广告等内容之后，可能会影响用户体验，同时会遮挡我们的正文我们想给用户看到的内容，这是我们在内容中添加相关提示，当用户看到这个提示，用户体验就会有所提升，同时，也不会马上离开，可能会按照我们的提示，进行相关操作，下文就是在用户关闭广告之后，提示用户向上滑动，浏览更多内容的一段代码。

wx.showToast瞬间消失wx.showToast闪烁问题，微信搜索功能

wwz123124的博客

08-16

1920

wx.showToast闪烁问题在真实的业务场景下，请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息，调用 wx.showToast(),在模拟器上没事，但是在真机上会出现提示信息闪烁一下，然后消失。这个问题出现的原因就是因为小程序的内部处理 wx.showLoading() 和 wx.showToas...

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序showToast在真机中显示时间不可控制，显示时间短

weixin_44705310的博客

08-12

3612

微信小程序showToast在真机中显示时间不可控制，显示时间短

微信小程序- wx.showToast()一闪，停留时间过短(解决方法)

Hy_0452的博客

01-04

4154

使用计时器setTimeout来让提示语停留时间长些 setTimeout(() => { wx.showToast({ title: res.data.msg, icon: "error", }); setTimeout(() => { wx.hideToast(); }, 2000)

wx.showToast 函数的说明

最新发布

GanKuRenSheng的博客

06-13

424

是微信小程序提供的一个基础 API，用于显示消息提示框，通常用于轻量级的操作反馈（如 "操作成功"、"加载中" 等）。这个函数非常适合在用户完成某个操作后提供即时反馈，增强用户体验。

wx.showToast详解

c_qianxia5040的博客

04-05

595

wx.showToast({ title:"成功", icon: 'loading...',//图标，支持"success"、"loading" image: '/images/tan.png',//自定义图标的本地路径，image 的优先级高于 icon duration: 2000,//提示的延迟时间，单位毫秒，默认：1500 ...

小程序wx.showToast在真机上闪烁一下就消失

weixin_46313540的博客

10-27

2312

原因就是因为小程序的内部处理 wx.showLoading() 和 wx.showToast() 调用的是同一个框，都受 wx.hideToast() 或者 wx.hideLoading() 的影响。比如在真机上你的代码顺序为 wx.showLoading() =>wx.hideLoading() => wx.showToast() ;但是实际你看到的现象是 wx.showLoading() => wx.showToast() =>wx.hideLoading()，受到最后的 wx.hideLoading

微信小程序-wx.showToast

motoudi的博客

04-12

683

【代码】微信小程序-wx.showToast。

解决微信小程序真机 showToast 不显示

03-29

花了一周多，终于把公司小程序做出来了。真机上测试发现调用 showToast 不显示，或者闪一下就没了。经过查找，发现是与 wx.showLoading 冲突了，两者调用的是同个框。先放上我的错误代码： // 请求事件 ...

微信小程序wx.showToast一闪而过

03-25

wx.showToast是微信小程序中的一个API，用于显示一条简短的提示信息，并在一定时间后自动消失。它通常用于展示一些操作成功或失败的反馈信息。使用wx.showToast时，需要传入一个对象参数，其中包含以下属性： - ...

wx.showToast() 在真机中闪烁一下消失

FE-阿阳的博客

05-28

1万+

wx.showToast() 在真机中闪烁一下消失问题描述在真实的业务场景下，请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息，调用 wx.showToast(),在模拟器上没事，但是在真机上会出现提示信息闪烁一下，然后消失。解决方案这个问题出现的原因就是因为小程序的内部处理 wx.sho...

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

llssdshiyi的博客

08-14

1503

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

微信小程序wx.showToast在真机显示时时间设置无效，显示时间很短问题

Xiang_Gong_Ya_的博客

01-15

823

小程序中，使用showToast，设置duration来控制提示显示时长发现在微信开发者工具正常，在真机中显示时间比较短，并且设置duration不生效。

微信小程序 详解弹框wx.showToast、wx.showModal、wx.showActionSheet，modal控件解释及input输入框值的获取

小屁孩大帅-保密的博客

06-04

6109

一、wx.showToast wx.showToast({ title: '失败',//提示文字 duration:2000,//显示时长 mask:true,//是否显示透明蒙层，防止触摸穿透，默认：false icon:'success', //图标，支持"success"、"loading" success:function(){ },//接口调用成功 fail: function (...

showToast 、showloading中的mask设置无效

The One Who's at the Front

06-13

8396

在小程序的消息提示框中mask的设置无效。属性类型默认值必填说明 title string 是提示的内容 icon string ‘success’ 否图标 image string 否自定义图标的本地路径，image 的优先级高于 icon duration number 1500 否提示的延迟时间 mask boolean false 否 ...

微信小程序之toast等弹框提示