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>





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章