<div>
<span id="_d">00</span>
<span id="_h">00</span>
<span id="_m">00</span>
<span id="_s">00</span>
</div>
methods: {
handle_time(){
//获取当前时间
var date = new Date();
var now = date.getTime(); //getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。时间戳
//设置截止时间
var endDate = new Date("2021-03-05 23:23:23");
var end = endDate.getTime();
//时间差
var leftTime = end-now;
//定义变量 d,h,m,s保存倒计时的时间
var d,h,m,s;
if (leftTime>=0) {
d = Math.floor(leftTime/1000/60/60/24);
h = Math.floor(leftTime/1000/60/60%24);
m = Math.floor(leftTime/1000/60%60);
s = Math.floor(leftTime/1000%60);
}
//将倒计时赋值到div中
document.getElementById("_d").innerHTML = d+"天";
document.getElementById("_h").innerHTML = h+"时";
document.getElementById("_m").innerHTML = m+"分";
document.getElementById("_s").innerHTML = s+"秒";
},
},
mounted(){
setInterval(() => {
this.handle_time()
}, 100);
},
js倒计时
最新推荐文章于 2024-06-10 22:18:41 发布