javascript顯示時間的方法：1、使用「new Date()」定義日期物件；2、使用日期物件的getFullYear()、getMonth()等方法取得年月日時分秒值並輸出； 3.用setTimeout()方法一秒鐘刷新一次時間值即可。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript動態顯示時間的實作程式碼：
<html>
<head>
<title>网页中动态的显示系统日期时间</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 物件能夠讓你獲得相對於國際標準時間（格林威治標準時間，現在被稱為UTC-Universal Coordinated Time）或者是Flash 播放器正運行的作業系統的時間和日期。要使用Date物件的方法，你必須先建立一個Date物件的實體（Instance）。
Date 物件必須使用 Flash 5 或以後版本的播放器。
Date 物件的方法並不是靜態的，但是在使用時卻可以套用於所指定的單獨實體。
Date 物件的方法簡介：
getDate ｜ 依照本地時間取得目前日期(本月的幾個號碼)
getDay ｜ 根據本地時間取得今天是星期幾(0-Sunday,1-Monday…)
getFullYear ｜ 根據本地時間取得當前年份(四位數字)
getHours ｜ 根據本地時間取得目前小時數( 24小時制,0-23)
getMilliseconds ｜ 根據本地時間獲取當前毫秒數
getMinutes ｜ 根據本地時間獲取當前分鐘數
getMonth ｜ 根據本地時間獲取當前月份(注意從0開始:0-Jan,1-Feb…)
getSeconds ｜ 依照本地時間取得目前秒數
getTime ｜ 取得UTC格式的從1970.1.1 0: 00以來的毫秒數
getTimezoneOffset ｜ 取得目前時間和UTC格式的偏移值(以分鐘為單位)
getUTCDate ｜ 取得UTC格式的目前日期(本月的幾號)
getUTCDay ｜ 取得UTC格式的今天是星期幾(0-Sunday,1-Monday…)
getUTCFullYear ｜ 取得UTC格式的當前年份(四位數字)
getUTCHours ｜ 取得UTC格式的目前小時數(24小時制,0-23)
getUTCMilliseconds ｜ 取得UTC格式的目前毫秒數
getUTCMinutes ｜ 取得UTC格式的目前分鐘數
getUTCMonth ｜ 取得UTC格式的目前月份(注意從0開始:0-Jan,1-Feb…)
getUTCSeconds ｜ 取得UTC格式的目前秒數
getYear ｜ 根據本地時間取得目前縮寫年份(目前年份減去1900)
setDate ｜ 設定目前日期(本月的幾號)
setFullYear ｜ 設定目前年份(四位數字)
setHours ｜ 設定目前小時數(24小時制,0-23)
setMilliseconds ｜ 設定目前毫秒數
setMinutes ｜ 設定目前分鐘數
# setMonth ｜ 設定目前月份(注意從0開始:0-Jan,1-Feb…)
setSeconds ｜ 設定目前秒數
setTime ｜ 設定UTC格式的從1970.1.1 0: 00以來的毫秒數
setUTCDate ｜ 設定UTC格式的當前日期(本月的幾號)
setUTCFullYear ｜ 設定UTC格式的當前年份(四位數字)
setUTCHours ｜ 設定UTC格式的目前小時數(24小時制,0-23)
setUTCMilliseconds ｜ 設定UTC格式的目前毫秒數
setUTCMinutes ｜ 設定UTC格式的目前分鐘數
setUTCMonth ｜ 設定UTC格式的目前月份(注意從0開始:0-Jan,1-Feb…)
setUTCSeconds ｜ 設定UTC格式的目前秒數
setYear ｜ 設定目前縮寫年份(目前年份減去1900)
toString ｜ 將日期時間值轉換成」日期/時間」形式的字串值
Date.UTC ｜ 傳回指定的UTC格式日期時間的固定時間值
【推薦學習：javascript高階教學】
以上是javascript怎麼動態顯示時間的詳細內容。更多資訊請關注PHP中文網其他相關文章！
