思路:
要写一个倒计时首先要考虑获取现在的时间和要倒计的未来的时间,获取两者的时间差,用未来时间-现在时间,现在时间不能大于未来时间,
再获取天数,小时,分钟,秒数。最后用定时器写入页面
首先总结一下需要用到的知识点。
1.new Date()获取当前时间
2.getTime()获取毫秒数
- Math.floor()向下取整
4.设置一个定时器
function getCutDown(y, m, d) {//封装函数
var now = new Date().getTime();//获取现在时间的毫秒数
var fruture = new Date(y, m, d).getTime();//获取现在未来的毫秒数
var miss = fruture - now;//获取时间差
var date = Math.floor(miss / 1000 / 60 / 60 / 24);//获取天数
var hours = Math.floor(miss / 1000 / 60 / 60 % 24);//获取小时数
var min = Math.floor(miss / 1000 / 60 % 60);;//获取分钟数
var second = Math.floor(miss / 1000 % 60);;//获取秒数
return `${date}天${hours}时${min < 10 ? '0' + min : min}分${second < 10 ? '0' + second : second}秒`;//把所有的结果拼接出来
}
var h2 = document.querySelector('h2')//获取h2
h2.innerHTML = getCutDown(2019, 10, 26);//写入页面先运行一次
var time = null;
time = setInterval(function () {//定时器来操作
h2.innerHTML = getCutDown(2019, 10, 26);//写入定时器,写进页面
}, 1000);
网友评论