小程序(uniapp)做日期时间倒数

287 阅读1分钟

制作效果

image.png

uniapp 官方有相关的组件可以使用: 放上官方链接: uniapp.dcloud.io/component/R…

image.png

下载zip文件,使用uniapp不需要注册组件。 image.png

重点是处理获得的时间数据:

			computedTime(params, type) {
				let futureT = new Date(params);    //定义好未来时间(倒数日期)
				let nowT = new Date();    //到期时间(结束时间)
				let mistime = futureT.getTime()-nowT.getTime(); //时间差秒
				//计算出相差天数
				let days=Math.floor(mistime/(24*3600*1000));
				//计算出小时数
				let leave1 = mistime%(24*3600*1000); //计算天数后剩余的毫秒数
				let hours = Math.floor(leave1/(3600*1000));
				//计算相差分钟数
				let leave2 = leave1%(3600*1000); //计算小时数后剩余的毫秒数
				let minutes = Math.floor(leave2/(60*1000));
				//计算相差秒数
				let leave3 = leave2%(60*1000) ;     //计算分钟数后剩余的毫秒数
				let seconds = Math.round(leave3/1000);
				if(type === "days") {
					return days;
				}else if(type === "hours") {
					return hours;
				}else if(type === "minutes") {
					return minutes;
				}else if(type === "seconds") {
					return seconds;
				}
			},