当前位置:网站首页>第一次进入小程序判断
第一次进入小程序判断
2022-07-30 19:00:00 【推开世界的门】
第一次进入小程序判断
背景需求
- 第一次进入小程序,展现气泡.
- 五秒后消失,后面点击事件,进行气泡的展现消失
- 如果五秒内,点击了事件,则气泡消失
实现
- 第一次进入气泡,五秒展现,
- 设置一个变量,控制气泡的展现
- 本次存储一个变量,判断是否是第一次展现
- 第一次进入,本地存储的变量,肯定是false,如果本地变量是false ,那么改变气泡变量,为true
- 并且加一个定时器,五秒后,改变本地变量为true,并且将气泡的值变为false
- 如果是点击
- 先清空定时器,然后取反即可,并且将本地变量置位false
- 注意点
这个五秒的时机,是请求完接口,有数据的时候,才展示气泡。所有这个方法放在接口之后
代码
- 首次进入的判断
bubbleFunc() {
// 气泡
let bubble = wx.getStorageSync('bubble');
if (!bubble) {
this.setData({
isShowBubble: true,
});
}
if (this.data.isShowBubble && this.data.numLikes) {
this.$data.timerID = setTimeout(() => {
this.setData({
isShowBubble: false,
});
clearInterval(this.$data.timerID);
}, 5000);
wx.setStorageSync('bubble', true);
}
},
- 点击逻辑
bubbleHandler() {
clearInterval(this.$data.timerID);
const {
isShowBubble } = this.data;
this.setData({
isShowBubble: !isShowBubble,
});
wx.setStorageSync('bubble', true);
},
边栏推荐
- MYSQL (Basic) - An article takes you into the wonderful world of MYSQL
- cocos creater 热更重启导致崩溃
- 沉浸式体验科大讯飞2022消博会“官方指定产品”
- 第4章 控制执行流程
- LocalDate时间生成
- 【Swords Offer】Swords Offer 17. Print n digits from 1 to the largest
- 第14章 类型信息
- MySQL data types
- Two-point answer naked question (plus a little pigeonhole principle)
- [Use of Qt Designer tool]
猜你喜欢
[TypeScript]编译配置
Graphic LeetCode -- 11. Containers of most water (difficulty: medium)
【Pointing to Offer】Pointing to Offer 22. The kth node from the bottom in the linked list
生物医学论文有何价值 论文中译英怎样翻译效果好
A senior with 13 years of experience in software testing, summed up 5 test employment suggestions....
微信小程序云开发 | 城市信息管理
while,do while,for循环语句
VBA 连接Access数据库和Excle
Hello, my new name is "Bronze Lock/Tongsuo"
ESP8266-Arduino programming example-HC-SR04 ultrasonic sensor driver
随机推荐
【剑指 Offe】剑指 Offer 18. 删除链表的节点
LocalDate时间生成
cocos creater 热更重启导致崩溃
你好,我的新名字叫“铜锁/Tongsuo”
国轩高科瑞交所上市:募资近7亿美元 为瑞士今年最大融资项目
常见链表题及其 Go 实现
固定资产可视化智能管理系统
猎豹移动终于递交年报:年营收7.85亿 腾讯持股16.6%
Delay queue optimization (2)
CCNA-网络汇总 超网(CIDR) 路由最长掩码匹配
防抖和节流有什么区别,分别用于什么场景?
What is the value of biomedical papers? How to translate the papers into Chinese and English?
Node encapsulates a console progress bar plugin
深化校企合作 搭建技术技能人才成长“立交桥”
高并发秒杀项目总结
荐号 | 对你有恩的人,不要请吃饭来报答
LeetCode每日一题(1717. Maximum Score From Removing Substrings)
VBA 连接Access数据库和Excle
Go 系统收集
What kind of framework is friendly to developers?