需求分析
:在某个页面内 5秒后或一定时间后不操作进行隐藏 或其他事件方法的运行
解决思路
:利用触发 setTimeout 时间 一定时间后进行操作 但是要注意的是 在这运行的一定时间内如果用户重新操作 那时间就要重新开始 计算 解决方式是 冲洗开始计算时间 将之前的事件写在调 这样就避免了 每次点击 都会有一定时间导致时间的重叠 方法的漏洞
我的方式
:
1.在页面初始化后调用方法(含有setTimeout 的方法)
2.在用户点击的或操作时也绑定该事件
3.事件的写法 每次进入 先卸载 在赋值 这样就保证了 无论怎样只有一个setTimeout 在运行也就是 每次操作都重新计时
closeBtn() {
clearTimeout(this.TimeoutTd); // 卸载时间函数
this.isShowBtn = true // 显示
this.TimeoutTd = setTimeout(() => { // 重新赋值
this.isShowBtn = false // 隐藏 //你的逻辑
}, 4000)
},
都👓完了,就👍1️⃣👇吧