微信小程序页面读秒倒计时

最新推荐文章于 2024-03-16 22:41:06 发布

zz小菜鸟成长之路

最新推荐文章于 2024-03-16 22:41:06 发布

阅读量94

点赞数

分类专栏：小程序文章标签：微信小程序 notepad++ 小程序

本文链接：https://blog.csdn.net/zjy_547149334/article/details/132575115

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、背景

在开发小程序的过程中，有可能遇到一些情况，例如：查看授权协议，十秒之后可点击接受，或者在某一时段之后，触发某些事情，以下是代码分享

2、代码

1、js页面代码
Page({
data:{
time:10,
accept:“同意并授权(10)s”,
},

onReady(){
	this.data.timr = setInterval(()=>{
		this.countDown();
	},1000) //按每秒递减
},

countDown(){
	let time = this.data.time;
	time--;
	this.setData({
			time,
			accept:"同意并授权("+time+")s"
		})
		if(time <= 0){
		clearInterval(this.data.timr);
		this.setData({
			time,
			accept:"同意并授权"
		})
		}
}

})

这样就实现了，每秒递减，页面定时功能！！！！