HTML设置格式化时间

最新推荐文章于 2024-08-11 02:51:09 发布

cymx66688

最新推荐文章于 2024-08-11 02:51:09 发布

阅读量6.5k

点赞数

本文链接：https://blog.csdn.net/cymx66688/article/details/83041752

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Date对象</title>
</head>
<body>
    <script type="text/javascript">
        function formatDate() {
            var myDate = new Date();
            var year = myDate.getFullYear();
            var month = to2(myDate.getMonth()+1);
            var day = to2(myDate.getDate());
            var hour = to2(myDate.getHours());
            var minute = to2(myDate.getMinutes());
            var second = to2(myDate.getSeconds());
            return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
        // document.write(year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second);
        }
        function to2(m){
            if (m<10) {
                return '0'+m;
            }
            return m;
        }
        function printTime() {
            var p = document.getElementById("nowTime");
            p.innerText = formatDate();
        }
        setInterval(printTime,1000);
    </script>
</body>
<h1 id="nowTime"></h1>
<script type="text/javascript">
    printTime()
</script>
<!--<p id="nowTime"></p>-->
<!--<button onclick="printTime()">显示时间</button>-->
</html>