显示动态系统时间

 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>使用JS和HTML5实现动态显示系统时间</title>
    <style type="text/css">
        #time {
            font-weight: bold;
            color: red;
            border: 1.5px soLid #3A3ADD;
            width: 200px;
            margin: 5px auto;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="time"></div>
    <script type="text/javascript">
        var add = setInterval("getTime()", 1000);

        //这个函数主要是获取时间然后写入div中
        function getTime() {
            var date = new Date().toLocaleString(); //创建date对象，获取时间

            var id1 = document.getElementById("time"); //通过div标签的id多去div标签
            id1.innerHTML = date; //将时间通过innerHTML属性写入div标签中
        }
    </script>
</body>

</html>

　　

posted @ 2022-03-14 08:56  33的男孩  阅读(32)  评论(0)  编辑  收藏  举报