js顯示動態時間的方法詳解

2019-11-20 09:11:31

字體：大中小

來源：轉載

供稿：網友

本文實例講述了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>

運行效果如下圖所示：