本文實例講述了js顯示動態時間的方法。分享給大家供大家參考，具體如下：
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格式日期時間的固定時間值
頁面js直接得到系統動態時間完整示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS實時顯示時間</title>
</head>
<body>
<div id="localtime"></div>
<script type="text/javascript">
function showLocale(objD)
{
var str,colorhead,colorfoot;
var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM<10) MM = '0' + MM;
var dd = objD.getDate();
if(dd<10) dd = '0' + dd;
var hh = objD.getHours();
if(hh<10) hh = '0' + hh;
var mm = objD.getMinutes();
if(mm<10) mm = '0' + mm;
var ss = objD.getSeconds();
if(ss<10) ss = '0' + ss;
var ww = objD.getDay();
if ( ww==0 ) colorhead="<font color=\"#FF0000\">";
if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">";
if ( ww==6 ) colorhead="<font color=\"#008000\">";
if (ww==0) ww="星期日";
if (ww==1) ww="星期一";
if (ww==2) ww="星期二";
if (ww==3) ww="星期三";
if (ww==4) ww="星期四";
if (ww==5) ww="星期五";
if (ww==6) ww="星期六";
colorfoot="</font>"
str = colorhead + yy + "年" + MM + "月" + dd + "日" + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;
//alert(str);
return str;
}
function tick()
{
var today;
today = new Date();
document.getElementById("localtime").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
}
tick();
</script>
</body>
</html>
運行效果如下圖所示：
PS：對JavaScript時間與日期操作感興趣的朋友還可以參考本站在線工具：
Unix時間戳(timestamp)轉換工具：
http://tools.jb51.net/code/unixtime
在線世界各地時間查詢：
http://tools.jb51.net/zhuanhuanqi/worldtime
在線萬年歷日歷：
http://tools.jb51.net/bianmin/wannianli
網頁萬年歷日歷：
http://tools.jb51.net/bianmin/webwannianli
更多關於JavaScript相關內容可查看本站專題：《JavaScript時間與日期操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。