【JavaScript时间】实时刷新当前时间，转换星期数字

最新推荐文章于 2023-12-06 21:10:57 发布

freedom_文

最新推荐文章于 2023-12-06 21:10:57 发布

阅读量563

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/freedomVenly/article/details/99627426

版权

javascript 专栏收录该内容

49 篇文章 1 订阅

订阅专栏

在这里插入图片描述

CV用；


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            text-align: center;
            margin-top:80px;
        }
    </style>
</head>
<body>
    <div id="d1"></div>


    <script>



        var date=new Date();        //全局用  当前时间

        function dateFormat(date) {     //时间格式  年月日时分秒  +星期
            var y=date.getFullYear(),
                month=date.getMonth() + 1,
                m=month<10 ? "0"+month : month,
                d=(date.getDate()<10) ? "0"+date.getDate() : date.getDate(),
                h=(date.getHours()<10) ? "0"+date.getHours() : date.getHours(),
                mi=(date.getMinutes()<10) ? "0"+date.getMinutes() : date.getMinutes(),
                s=(date.getSeconds()<10) ? "0"+date.getSeconds() : date.getSeconds(),
                day=weekSwitch(date.getDay());

            var sendDate=y + "-" +m + "-" +d + " " +h + ":" +mi + ":"+s +"  " +day;

            console.log(sendDate);

            return sendDate;
        }

        function weekSwitch(n){

            switch (n) {
                case 1:
                    return "星期一";
                case 2:
                    return "星期二";
                case 3:
                    return "星期三";
                case 4:
                    return "星期四";
                case 5:
                    return "星期五";
                case 6:
                    return "星期六";
                case 0:
                    return "星期日";
            }

        }



        document.getElementById("d1").innerHTML=dateFormat(date);
        setInterval(function () {
            document.getElementById("d1").innerHTML=dateFormat(new Date());
        },1000)


    </script>
</body>
</html>

效果图：

在这里插入图片描述

freedom_文

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript时间】实时刷新当前时间，转换星期数字

CV用；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ text-align: center; ...
复制链接

扫一扫