JavaScript基础学习(六)动态显示时间


案例:动态显示时间

        *得到当前时间
            var data = new Date();
            var d1 = date.toLocaleString();
        *需要让页面每一秒获取时间
            setInterval方法  定时器
             setInterval("js代码",毫秒数);
                        -每3秒执行一次alert方法
                        返回一个id
                        var id1 = window.setInterval("alert('123');",3000);
            setTimeout("js代码",毫秒数);
                        -表示在毫秒数之后执行,但只会执行一次
                        -4秒之后执行,只执行一次
                        var id2 = window.setTimeout("alert('abc');",4000);
        *显示到页面上
                每一秒向div里面写一次时间
                *使用innerHtML属性

<html>
 <head>
  <style type="text/css">
 

  </style>
 </head>

 <body>
            <div id="times">
            
            </div>
 </body>
 <script type="text/javascript">
    
            function getDate(){
                //当前时间
                var date = new Date();
                //格式化
                var d1 = date.toLocaleString();
                //获取div
                var div1 = document.getElementById("times");
                div1.innerHTML = d1;
            }
            //使用定时器实现每一秒写一次时间
            setInterval("getDate()",1000);
    </script>  
</html>





猜你喜欢

转载自blog.csdn.net/qq_38992372/article/details/80948801