/*
@dateTime 传入的日期
@dateForm 规定传出的日期形式
*/
//把传入的2022/12/20 12:22:22 输出为 YYYY- MM-DD hh-mm-ss
var box = document.querySelector(".box");
//写一个函数 (判断输入的年月日时分秒是否只有一个数字 如果是则需要在前面增加一个0)
function twoNum(num) {
return String(num).length > 1 ? num : "0" + num;
}
//封装日期函数 传入日期形式 传出规定的日期形式
function showTime(dateTime, dateForm = "YYYY-MM-DD hh:mm:ss") {
//用三元运算法则 判断一下 日期是否传入
var date = dateTime ? new Date(dateTime) : new Date();
//获取年月日时分秒
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
//定义一个对象 把年月日时分秒赋值给日期形式 (如果输入的年月日时分秒只有一个数字 则需要在前面增加一个0)
var date_map = {
"YYYY": twoNum(year),
"MM": twoNum(month + 1),
"DD": twoNum(day),
"hh": twoNum(hours),
"mm": twoNum(minutes),
"ss": twoNum(seconds),
//还有一种形式 YY-M-D h:m:s
//年份只要两位数 就需要slice 从第二位索引开始截取
"YY": String(year).slice(2),
"M": month + 1,
"D": day,
"h": hours,
"m": minutes,
"s": seconds,
}
//遍历 date_map 对象 把里面的属性替换到dateForm中
Object.keys(date_map).forEach(function (key) {
dateForm = dateForm.replace(key, date_map[key]);
})
//返回format
box.innerText = dateForm;
}
showTime();
setInterval(showTime, 1000);
网页显示自动日期(自动更新)
最新推荐文章于 2024-04-24 18:14:24 发布