js编写动态时钟 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>动态显示时间</title>

        <style type="text/css">
            #times{
                width: 200px;
                height: 20px;
                border: 3px solid gray;  /*如果不加实线无法显示边框*/
            }
        </style>
    </head>

    <body>
        <div id="times">

        </div>

        <script type="text/javascript">
            //得到时间并写入div
            function getDate(){
                //获取当前时间
                var date = new Date();
                //格式化为本地时间格式
                var date1 = date.toLocaleString();
                //获取div
                var div1 = document.getElementById("times");
                //将时间写入div
                div1.innerHTML = date1;
            }
            //使用定时器每秒向div写入当前时间
            setInterval("getDate()",1000);
        </script>
    </body>
</html>

 

posted @ 2020-09-16 11:18  流浪2024  阅读(406)  评论(0)    收藏  举报