uni-app 实现弹框一天只弹一次

思路:在首页中取出本地缓存中的日期,与当前日期进行比较。

data 中定义一个判断变量showCoupon ,默认为false,在关闭弹窗时将当前时间以及key保存到本地,在首页onShow里面判断缓存的key是否在有效期内,如果在,则不弹出,反之弹出即可。

// 关闭弹框
closeCouponNew(){
	this.showCoupon = false;
	//存key以及时间
	uni.setStorage({
		key: "popUp-time",
		data: new Date().getTime(),
	});
},
uni.getStorage({
	key: "popUp-time",
	success: (res) => {
		if (!res.data || new Date().getTime() - res.data > 1000 * 60*60*24) {
			uni.setStorage({
				key: "popUp-time",
				data: new Date().getTime(),
			});
			this.showCoupon = true;
		}else{
			this.showCoupon = false;
		}
	},
	fail: (err) => {
		this.showCoupon = true;
	},
});

简单记录如有问题或更优解还请不要吝啬的分享出来,此结。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值