1. 创建Date对象方式
<script>
// 创建Date对象
function demoCreateDate(){
// 1. 无参默认创建当前时间的Date对象
// var date = new Date();
// console.log(date); //Mon Feb 07 2022 15:38:40 GMT+0800 (GMT+08:00)
// 2. 以dateString为参数创建Date对象
// var date = new Date('December 17, 1996 04:41:12')
// console.log(date);
// 3.以Unix时间戳创建Date对象(距离1970年0时所逝去的时间毫秒)
// var date = new Date(0)
// var date = new Date(1000*60*60*24*365*52)
// console.log(date);
// 4.以年月日时分秒毫秒为参数创建Date对象
var date = new Date(2022, 1, 7, 10, 44, 0)
console.log(date);
}
demoCreateDate()
</script>
2. Date对象的API
<script>
function dateAPI(){
var date = new Date()
// 1. 获取date对象的年月日时分秒
console.log(date.getFullYear()); //2022
console.log(date.getMonth()); //1 注:一月 0 二月 1 .....
console.log(date.getDate()); //7
console.log(date.getDay()); //1 注:星期日 为 0
console.log(date.getHours()); //15
console.log(date.getMinutes()); //55
console.log(date.getSeconds()); //48
console.log(date.getTime()); //1644220597438 Unix时间戳(距离1970年0时所逝去的时间毫秒)
/* 国际化/本地化显示 */
console.log(date);
console.log(date.toString());
console.log(date.toTimeString());//15:32:23 GMT+0800 (中国标准时间)
console.log(date.toDateString());//Fri Dec 03 2021
console.log(date.toLocaleString());//2021/12/3 下午3:33:25
console.log(date.toLocaleTimeString());//下午3:33:58
console.log(date.toLocaleDateString());//2021/12/3
}
dateAPI()
</script>
3. 计算时间差: 计算距离国庆节放假还有XX天零XX小时XX分XX秒
<body>
<h5>距离国庆节放假倒计时:</h5>
<p id="pCountDown"></p>
<script>
// 计算时间差:计算距离国庆节放假还有XX天零XX小时XX分XX秒
function calcTimeDifference() {
var national = new Date(2022, 10, 1)
var now = new Date()
// 两个date对象做减法 = 时间戳之差
var timestamp = national - now
console.log(timestamp);
// 计算天数
var days = parseInt(timestamp / (1000 * 60 * 60 * 24))
console.log(days); //266
// 计算剩余小时数
timestamp = timestamp % (1000 * 60 * 60 * 24)
var hours = parseInt(timestamp / (1000 * 60 * 60))
console.log(hours);
// 计算剩余分钟
timestamp = timestamp % (1000 * 60 * 60)
var minutes = parseInt(timestamp / (1000 * 60))
console.log(minutes);
// 计算剩余秒数
timestamp = timestamp % (1000 * 60)
var seconds = Math.round(timestamp / 1000)
console.log(seconds);
pCountDown.innerText = `距离国庆节放假还有:${days}天零${hours}小时${minutes}分${seconds}秒`
}
setInterval(
function () {
calcTimeDifference()
},
1000
)
</script>
</body>