微信小程序如何让元素超过规定的时间消失

拇指一代
  • 290

问题描述

由于不能操作dom 添加宝贝3小时自动消失,这如何做?求教

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

图片描述

回复
阅读 4.2k
3 个回答

添加时给数据一个添加时间字段,然后用定时器每秒遍历列表数据,用当前时间与列表中每项的添加时间对比,超过3小时删除这项数据就好了。

如果用户一直处于这个页面,那么可以使用setTimeout
如果是关闭页面再打开也能继续保存监控时间是否超过3小时,那需要后台配合,或者使用浏览器缓存

小程序里没有可直接操作的dom,只能通过修改数据来实现前端渲染页面的改变
如果要一定时间后不显示某个内容。可以给这个内容在显示的时候使用wx:if条件,通过定时修改这个显示条件来实现

比如

<view wx:if="{{showThisView}}">添加宝贝</view>

页面初始数据设置里把showThisView改成true

showThisView: true

定时到一定时间(这里的业务逻辑你自己来决定)后通过setData把showThisView改成false

this.setData({showThisView: false})
宣传栏