站長資訊網(wǎng)
javascript顯示時間的方法：1、使用“new Date()”定義日期對象；2、使用日期對象的getFullYear()、getMonth()等方法獲取年月日時分秒值并輸出；3、用setTimeout()方法一秒鐘刷新一次時間值即可。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript動態(tài)顯示時間的實現(xiàn)代碼：
<html> <head> <title>網(wǎng)頁中動態(tài)的顯示系統(tǒng)日期時間</title> <script language="JavaScript"> function startTime() { var today=new Date();//定義日期對象 var yyyy = today.getFullYear();//通過日期對象的getFullYear()方法返回年 var MM = today.getMonth()+1;//通過日期對象的getMonth()方法返回年 var dd = today.getDate();//通過日期對象的getDate()方法返回年 var hh=today.getHours();//通過日期對象的getHours方法返回小時 var mm=today.getMinutes();//通過日期對象的getMinutes方法返回分鐘 var ss=today.getSeconds();//通過日期對象的getSeconds方法返回秒 // 如果分鐘或小時的值小于10，則在其值前加0，比如如果時間是下午3點20分9秒的話，則顯示15：20：09 MM=checkTime(MM); dd=checkTime(dd); mm=checkTime(mm); ss=checkTime(ss); var day; //用于保存星期（getDay()方法得到星期編號） if(today.getDay()==0) day = "星期日 " if(today.getDay()==1) day = "星期一 " if(today.getDay()==2) day = "星期二 " if(today.getDay()==3) day = "星期三 " if(today.getDay()==4) day = "星期四 " if(today.getDay()==5) day = "星期五 " if(today.getDay()==6) day = "星期六 " document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day; setTimeout('startTime()',1000);//每一秒中重新加載startTime()方法 } function checkTime(i) { if (i<10){ i="0" + i; } return i; } </script> </head> <body onload="startTime()" style="background-color: #000000;color: white;"> 當前時間：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font> </body> </html>
效果圖：
Date對象的方法
Date 對象能夠使你獲得相對于國際標準時間（格林威治標準時間，現(xiàn)在被稱為 UTC-Universal Coordinated Time）或者是 Flash 播放器正運行的操作系統(tǒng)的時間和日期。要使用Date對象的方法，你就必須先創(chuàng)建一個Date對象的實體（Instance）。
Date 對象必須使用 Flash 5 或以后版本的播放器。
Date 對象的方法并不是靜態(tài)的，但是在使用時卻可以應用于所指定的單獨實體。
Date 對象的方法簡介：
getDate ｜ 根據(jù)本地時間獲取當前日期(本月的幾號)
getDay ｜ 根據(jù)本地時間獲取今天是星期幾(0-Sunday,1-Monday…)
getFullYear ｜ 根據(jù)本地時間獲取當前年份(四位數(shù)字)
getHours ｜ 根據(jù)本地時間獲取當前小時數(shù)(24小時制,0-23)
getMilliseconds ｜ 根據(jù)本地時間獲取當前毫秒數(shù)
getMinutes ｜ 根據(jù)本地時間獲取當前分鐘數(shù)
getMonth ｜ 根據(jù)本地時間獲取當前月份(注意從0開始:0-Jan,1-Feb…)
getSeconds ｜ 根據(jù)本地時間獲取當前秒數(shù)
getTime ｜ 獲取UTC格式的從1970.1.1 0:00以來的毫秒數(shù)
getTimezoneOffset ｜ 獲取當前時間和UTC格式的偏移值(以分鐘為單位)
getUTCDate ｜ 獲取UTC格式的當前日期(本月的幾號)
getUTCDay ｜ 獲取UTC格式的今天是星期幾(0-Sunday,1-Monday…)
getUTCFullYear ｜ 獲取UTC格式的當前年份(四位數(shù)字)
getUTCHours ｜ 獲取UTC格式的當前小時數(shù)(24小時制,0-23)
getUTCMilliseconds ｜ 獲取UTC格式的當前毫秒數(shù)
getUTCMinutes ｜ 獲取UTC格式的當前分鐘數(shù)
getUTCMonth ｜ 獲取UTC格式的當前月份(注意從0開始:0-Jan,1-Feb…)
getUTCSeconds ｜ 獲取UTC格式的當前秒數(shù)
getYear ｜ 根據(jù)本地時間獲取當前縮寫年份(當前年份減去1900)
setDate ｜ 設置當前日期(本月的幾號)
setFullYear ｜ 設置當前年份(四位數(shù)字)
setHours ｜ 設置當前小時數(shù)(24小時制,0-23)
setMilliseconds ｜ 設置當前毫秒數(shù)
setMinutes ｜ 設置當前分鐘數(shù)
setMonth ｜ 設置當前月份(注意從0開始:0-Jan,1-Feb…)
setSeconds ｜ 設置當前秒數(shù)
setTime ｜ 設置UTC格式的從1970.1.1 0:00以來的毫秒數(shù)
setUTCDate ｜ 設置UTC格式的當前日期(本月的幾號)
setUTCFullYear ｜ 設置UTC格式的當前年份(四位數(shù)字)
setUTCHours ｜ 設置UTC格式的當前小時數(shù)(24小時制,0-23)
setUTCMilliseconds ｜ 設置UTC格式的當前毫秒數(shù)
setUTCMinutes ｜ 設置UTC格式的當前分鐘數(shù)
setUTCMonth ｜ 設置UTC格式的當前月份(注意從0開始:0-Jan,1-Feb…)
setUTCSeconds ｜ 設置UTC格式的當前秒數(shù)
setYear ｜ 設置當前縮寫年份(當前年份減去1900)
toString ｜ 將日期時間值轉換成”日期/時間”形式的字符串值
Date.UTC ｜ 返回指定的UTC格式日期時間的固定時間值
【推薦學習：javascript高級教程】
