Date 创建日期对象
var date1 = new Date();//获取当前的日期时间
1.获取年份
new Date().getFullYear()
2.获取月份
new Date().getMonth() //月份是从0-11 获取当前月份的时候要 +1
3.获取日
new Date().getDate() //1-31
4.获取星期
new Date().getDay() // 0表示星期日 1-6表示星期一到星期六
5.获取小时
new Date().getHours()
6.获取分钟
new Date().getMinutes()
7.获取秒
new Date().getSecounds()
8.获取时间戳的方法
getTime()获取某个日期时间 距离 1970年1月1日的总毫秒数
console.log(date2.getTime() - date1.getTime());
setTime()将总毫秒数转换为新的日期和时间
国际标准时间toUTCString把Date对象转换为字符串
倒计时
因为倒计时时不断变化的,因此需要定时器来自动变化(setInterval)
三个盒子分别存放时分秒
第一次执行也是间隔毫秒数,因此刚刷新页面会有空白
最好采取封装函数的方式,这样可以先调用一次这个函数,防止刚开始刷新页面有空白问题
var hour = document.querySelector('.hour') //小时
var day = document.querySelector('.day') //天
var minute = document.querySelector('.minute') //分钟
var second = document.querySelector('.second') //秒
var date2 = +new Date('2022-04-05 00:00:00');
down(); //我们先调用一次这个函数,防止第一次刷新页面有空白
2.开启定时器
setInterval(down,1000)
function down(time){
var date1 = new Date()
var haoMiao = (date2-date1) / 1000;
var dey = parseInt(haoMiao / (24*60*60));
dey = dey<10 ? '0' +dey :dey;
day.innerHTML = dey
var dey1 = parseInt(haoMiao % (24*60*60));
var shi = parseInt( dey1 / (60*60));
shi = shi <10?'0'+shi:shi;
hour.innerHTML = shi;
var shi1 = parseInt(dey1 % (60*60));
var fenzhong = parseInt(shi1 / 60);
fenzhong = fenzhong<10?'0'+fenzhong:fenzhong;
minute.innerHTML = fenzhong;
var miao = parseInt(shi1 % 60);
miao = miao <10 ? '0'+miao :
miao;second.innerHTML = miao;
}