制作效果
uniapp 官方有相关的组件可以使用: 放上官方链接: uniapp.dcloud.io/component/R…
下载zip文件,使用uniapp不需要注册组件。
重点是处理获得的时间数据:
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;
}
},