Entering the applet for the first time

The first time to enter the applet judgment

背景需求

1. Entering the applet for the first time,show bubbles.
2. It disappeared after five seconds,After click event,The display of bubbles disappears
3. 如果五秒内,点击了事件,The bubbles disappear

实现

• Enter the bubble for the first time,Show in five seconds,

1. 设置一个变量,Controls the appearance of bubbles
2. This time a variable is stored,Determine whether it is the first time to show
3. 第一次进入,Locally stored variables,肯定是false,If the local variable isfalse ,Then change the bubble variable,为true
4. And add a timer,五秒后,Change the local variable to true,and change the value of the bubble to false

• 如果是点击

5. 先清空定时器,然后取反即可,and set the local variablefalse

• 注意点
  This five-second timing,Is the request finished interface,有数据的时候,Only show bubbles.All this methods are placed after the interface

代码

• Judgment of first entry

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);
	},