1. 程式人生 > 實用技巧 >js編寫動態時鐘

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>