网页显示自动日期(自动更新)

/* 
@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);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值