1.引入js/css.
2.获取当前时间,定义方法。
getNowTime: function () {
let dateTime
let yy = new Date().getFullYear()
let mm = new Date().getMonth() + 1
let dd = new Date().getDate()
let hh = new Date().getHours()
let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
dateTime = yy + '/' + mm + '/' + dd + ' ' + hh + ':' + mf + ':' + ss
return dateTime
},
3.定时运行方法:
created() {
let that = this;
setInterval(function () {
that.nowDate = that.getNowTime() //实时获取当前时间
that.resultTime()//倒计时的结果时间
}, 1000)
},
4.计算你需要倒计时的时间
resultTime() {
var date1 = new Date(); //开始时间
var date2 = this.targetDate; //结束时间-放假时间
var date3 = new Date(date2).getTime() - date1.getTime(); //时间差的毫秒数
//计算出相差天数
var days = Math.floor(date3 / (24 * 3600 * 1000))
//计算出小时数
var leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
var hours = Math.floor(leave1 / (3600 * 1000))
//计算相差分钟数
var leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
var minutes = Math.floor(leave2 / (60 * 1000))
//计算相差秒数
var leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
var seconds = Math.round(leave3 / 1000)
let time = days + "天 " + hours + "小时 " + minutes + " 分钟" + seconds + " 秒";
this.result = time;
},
展示效果: