(1)所谓倒计时,便是设定好未来的一个日期,用现在的日期,以倒数的形式呈现出的时间差。
现在,想要用函数的形式来表达出来:
function different(y, m, d) {
var now_date = new Date().getTime();
//获取当前时间
var future_date = new Date(y, m - 1, d).getTime();
//设定开始倒计时的未来时间
var difference = future_date - now_date;
//求差值,作为倒计时
var day = Math.floor(difference / 1000 / 60 / 60 / 24);
//对差值进行天数取整
var hour = Math.floor(difference / 1000 / 60 / 60 % 24);
//得出不能作为24h的小时数
var minute = Math.floor(difference / 1000 / 60 % 60);
//得出不能作为60min的分钟数
var seconds = Math.floor(difference / 1000 % 60);
//得出不能作为60s的秒数
return `${day<10?'0'+day:day}天${hour<10?'0'+hour:hour}时${minute<10?'0'+minute:minute}分${seconds<10?'0'+seconds:seconds}秒`
//打印并判断值是否小于10,当小于10时在当前值前加0
}
var h1 = document.getElementById('time');
//通过getElementById方法调用
var nt = different(2019, 12, 20);
h1.innerHTML = nt
//声明在定时器之外,可以直接出值,不用等定时器的1s计时
setInterval(() => {
var nt = different(2019, 12, 20);
h1.innerHTML = nt
//建立一个定时器,可以让网站不用刷新,动态减少
}, 1000)
different(2019, 12, 20);
网友评论