Js获取当前的日期和时间

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>获取当前时间</title>
</head>

<body>
    <div class="kkk">
        <p class="count" style="font-size: 50px;color: red;font-weight: 700;"></p>
    </div>
    <script type="text/javascript">
        /**
         *获取当前时间
         *format=1精确到天
         *format=2精确到分
        */
        //处理时间
        function addZero(i) {
            return i < 10 ? "0" + i : i + "";
        }
        function getCurrentDate(format) {
            var now = new Date();
            var year = now.getFullYear(); //得到年份
            var month = now.getMonth() + 1;//得到月份
            var date = now.getDate();//得到日期
            var day = now.getDay();//得到周几
            var hour = now.getHours();//得到小时
            var minu = now.getMinutes();//得到分钟
            var sec = now.getSeconds();//得到秒
            month = addZero(month)
            date = addZero(date)
            hour = addZero(hour)
            minu = addZero(minu)
            sec = addZero(sec)
            var time = "";
            //精确到天
            if (format == 1) {
                time = '当前时间为：' + year + "-" + month + "-" + date;
                document.querySelector(".count").innerHTML = time;
            }
            //精确到分
            else if (format == 2) {
                time = '当前时间为：' + year + "-" + month + "-" + date + " " + hour + ":" + minu + ":" + sec;
                document.querySelector(".count").innerHTML = time;
            }
        }
        getCurrentDate(2);
    </script>
</body>
<style>
    .kkk {
         100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>

</html>
Js获取当前的日期和时间

相关推荐
