JavaScript动态显示年月日星期时分秒

最新推荐文章于 2023-11-14 16:35:54 发布

小白程序员007

最新推荐文章于 2023-11-14 16:35:54 发布

阅读量287

点赞数

文章标签： java

本文链接：https://blog.csdn.net/weixin_45173342/article/details/117560219

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <h1 id="date_time"></h1>
        <script type="text/javascript">
            function getWeek(option){
            // switch (option){
            //     case 0:
            //         return "星期日";
            //     case 1:
            //         return "星期一";
            //     case 2:
            //         return "星期二";
            //     case 3:
            //         return "星期三";
            //     case 4:
            //         return "星期四";
            //     case 5:
            //         return "星期五";
            //     case 6:
            //         return "星期六";
            // }
            var week = "日一二三四五六".charAt(option);
            return "星期"+week;
            }
        function showTime(){
            var dateTime = new Date();
            var year = dateTime.getFullYear();
            var month = dateTime.getMonth() + 1;//外国月从0开始
            month = month < 10 ? "0" + month : month;
            var date = dateTime.getDate();
            date = date < 10 ? "0" + date : date;
            var hour = dateTime.getHours()
            hour = hour < 10 ? "0" + hour : hour;
            var minute = dateTime.getMinutes();
            minute = minute < 10 ? "0" + minute : minute;
            var second = dateTime.getSeconds();
            second = second < 10 ? "0" + second : second;
            var day = dateTime.getDay();
            var week = getWeek(day);
            dateTime = year + "年" + month + "月" + date + "日" +" "+week+" "+hour + ":" + minute + ":" + second;
            console.log(dateTime);//控制台输出
            document.getElementById("date_time").innerHTML = dateTime;//body里输出
            }
           showTime();
            // setInterval("showTime()");
           setInterval("showTime()",1000);//间隔多少毫秒，执行一次方法，一般是一秒，默认也是
        </script>
    </body>
</html>

小白程序员007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript动态显示年月日星期时分秒

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1 id="date_time"></h1> <script type="text/javas.
复制链接

扫一扫