提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

【JavaScript】根据当前时间，动态显示 年月日时分秒（不足两位补0）

JavaScript 时间 当前 根据 不足 两位 年月日 时分秒
2023-09-11 14:19:17 时间

【JavaScript】根据当前时间，动态显示 年月日时分秒

  • 第一种
<html>
    <head>
        <meta http-equiv="Content-Type” content="text/html; charset=gb2312">
        <title>动态显示年月日星期时分秒</title>
        <script type="text/javascript">
            var days = new Array("日", "一", "二", "三", "四", "五", "六");
            function showDT() {
                var currentDT = new Date();
                var y, m, date, day, hs, ms, ss, theDateStr;
                y = currentDT.getFullYear(); //四位整数表示的年份
                m = currentDT.getMonth() + 1; //月
                date = currentDT.getDate(); //日
                day = currentDT.getDay(); //星期
                hs = currentDT.getHours(); //时
                ms = currentDT.getMinutes(); //分
                ss = currentDT.getSeconds(); //秒
                theDateStr =
                    y +
                    "年" +
                    m +
                    "月" +
                    date +
                    "日 星期" +
                    days[day] +
                    " " +
                    hs +
                    ":" +
                    ms +
                    ":" +
                    ss;
                document.getElementById("theClock").innerHTML = theDateStr;
                // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
                window.setTimeout(showDT, 1000);
            }
        </script>
    </head>
    <body onload="showDT()">
        <div id="theClock" style="font-weight: bold; width: 300px"></div>
    </body>
</html>
  • 补0
    <body onload="showDT()">
        <div id="theClock" style="font-weight: bold; width: 300px"></div>
    </body>
    <script>
        function showDT() {
            var date = new Date();
            //年
            var year = date.getFullYear();
            //月
            var month =
                date.getMonth() + 1 < 10
                    ? "0" + (date.getMonth() + 1)
                    : date.getMonth() + 1;
            //日
            var day =
                date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            //时
            var hh =
                date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
            //分
            var mm =
                date.getMinutes() < 10
                    ? "0" + date.getMinutes()
                    : date.getMinutes();
            //秒
            var ss =
                date.getSeconds() < 10
                    ? "0" + date.getSeconds()
                    : date.getSeconds();

            var nowTime =
                year + "-" + month + "-" + day + " " + hh + ":" + mm + ":" + ss;

            nowTime =
                year +
                "年" +
                month +
                "月" +
                day +
                "日" +
                " " +
                hh +
                ":" +
                mm +
                ":" +
                ss;
            document.getElementById("theClock").innerHTML = nowTime;
            // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
            window.setTimeout(showDT, 1000);
        }
    </script>

在这里插入图片描述

相关文章