距2020年春节还有 ？天 ？小时 ？分钟 ？秒
下面我们来自己做一个倒计时吧！
function goTime(year, month, day) {//三个参数分别为年月日
var now = new Date().getTime();//获取当前时间
var newtime = new Date(year, month - 1, day).getTime();//获取未来时间
var cha = newtime - now;//求出时间差，这里我们得到的是毫秒数
var day = Math.floor(cha / 1000 / 60 / 60 / 24);//得到天数
var hours = Math.floor(cha / 1000 / 60 / 60 % 24);//得到小时数
var minutes = Math.floor(cha / 1000 / 60 % 60);//得到分钟数
var seconda = Math.floor(cha / 1000 % 60);//得到秒数
return `${day < 10 ? '0' + day : day}天${hours < 10 ? '0' + hours : hours}时${minutes < 10 ? '0' + minutes : minutes}分${seconda < 10 ? '0' + seconda : seconda}秒`
//这里我们考虑到美观，所以在天时分秒小于10的时候前面加一个0
}
首先在上面，我们封装一个函数，并使用拼接方法得到我们想要的日期显示格式
<body>
<h1 id="times"></h1>
</body>
我们创建一个空标题，稍后用来将我们的倒计时展示在页面
下面我们来获取h1标签
var h1 = document.getElementById("times");
将春节的时间传入我们上面封装好的函数，我们就得到了春节距现在时间的倒计时。我们给倒计时起一个名字并写入到页面
var aa = goTime(2020, 1, 25);
h1.innerHTML = aa;
我们打开定时器，每一秒钟中刷新一次，我们的春节倒计时就完成啦！
setInterval(function () {
var aa = goTime(2020, 1, 25);
h1.innerHTML = aa;
}, 1000)
最后提前祝看到这篇简书的小可爱们鼠年快乐！發大財！
网友评论