DOM-显示网页时钟

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>显示网页时钟</title>
        <!--
        关于js中内置的支持类:Date。可以用哎获取时间日期
        输出: document.write(nowTime);
        转为本地时间:tolocaleString()
        
        //获取毫秒数自1970年1月1日00:00:00:000到当前系统时间的总毫秒数
        var t = new Date()
        var times=t.getTime()
        document.write(times)
        //重点:!!一般会使用毫秒数当作时间戳(timestamp)
        document.write(new Date().getTime());
        -->
    </head>
    <body>
        <script type="text/javascript">
           //获取系统当前时间
           var nowTime = new Date();
           //转化为本地语言环境
           nowTime=nowTime.toLocaleString();
           document.write(nowTime);
           document.write("<br>");
           
           //获取毫秒数自1970年1月1日00:00:00:000到当前系统时间的总毫秒数
           var t = new Date()
           var times=t.getTime()
           document.write(times)
           //重点:!!一般会使用毫秒数当作时间戳(timestamp)
           document.write(new Date().getTime());
        </script>
        
        
        <script type="text/javascript">
            function displayTime(){
                var time = new Date();
                var strTime = time.toLocaleString();
                document.getElementById("timeDiv").innerHTML=strTime;
            }
            //每隔1秒调用displayTime()函数
            function start(){
                //这行代码开始执行就不间断;全局变量
                 v = window.setInterval("displayTime()",1000);
            }
            function stop(){
                window.clearInterval(v);
            }
        
        </script>
        <br><br>
        <input type="button" value="显示系统时间" onclick=" start();"/>
        <input type="button" value="时间停止" onclick="stop();"/>
        <div id="timeDiv"></div>
    </body>
</html>

 

posted @ 2022-06-13 14:04  280887072  阅读(102)  评论(0编辑  收藏  举报