一定时间内不操作隐藏 / 执行事件/方法 5秒后隐藏 点击出现

需求分析:在某个页面内 5秒后或一定时间后不操作进行隐藏 或其他事件方法的运行

解决思路 :利用触发 setTimeout 时间 一定时间后进行操作 但是要注意的是 在这运行的一定时间内如果用户重新操作 那时间就要重新开始 计算 解决方式是 冲洗开始计算时间 将之前的事件写在调 这样就避免了 每次点击 都会有一定时间导致时间的重叠 方法的漏洞

我的方式

1.在页面初始化后调用方法(含有setTimeout 的方法)
2.在用户点击的或操作时也绑定该事件
3.事件的写法 每次进入 先卸载 在赋值 这样就保证了 无论怎样只有一个setTimeout 在运行也就是 每次操作都重新计时

closeBtn() {
            clearTimeout(this.TimeoutTd);  // 卸载时间函数
            this.isShowBtn = true   // 显示
            this.TimeoutTd = setTimeout(() => {  // 重新赋值
                this.isShowBtn = false // 隐藏   //你的逻辑
            }, 4000) 
        },

都👓完了,就👍1️⃣👇吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值