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

Question

问题描述

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

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

相关代码

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

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

Answer 1

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

Answer 2

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

Answer 3

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

比如

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

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

showThisView: true

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

this.setData({showThisView: false})