快捷導(dǎo)航

js顯示動(dòng)態(tài)時(shí)間的方法詳解

更新時(shí)間：2016年08月20日 10:13:51 作者：xiangqian0505

這篇文章主要介紹了js顯示動(dòng)態(tài)時(shí)間的方法,較為詳細(xì)的分析了javascript中Date對(duì)象的常用方法及功能,并結(jié)合實(shí)例形式分析了JS時(shí)間顯示功能,需要的朋友可以參考下

本文實(shí)例講述了js顯示動(dòng)態(tài)時(shí)間的方法。分享給大家供大家參考，具體如下：

Date對(duì)象的方法

Date 對(duì)象能夠使你獲得相對(duì)于國(guó)際標(biāo)準(zhǔn)時(shí)間（格林威治標(biāo)準(zhǔn)時(shí)間，現(xiàn)在被稱為 UTC-Universal Coordinated Time）或者是 Flash 播放器正運(yùn)行的操作系統(tǒng)的時(shí)間和日期。要使用Date對(duì)象的方法，你就必須先創(chuàng)建一個(gè)Date對(duì)象的實(shí)體（Instance）。

Date 對(duì)象必須使用 Flash 5 或以后版本的播放器。

Date 對(duì)象的方法并不是靜態(tài)的，但是在使用時(shí)卻可以應(yīng)用于所指定的單獨(dú)實(shí)體。

Date 對(duì)象的方法簡(jiǎn)介：

·getDate            ｜根據(jù)本地時(shí)間獲取當(dāng)前日期(本月的幾號(hào))
·getDay             ｜根據(jù)本地時(shí)間獲取今天是星期幾(0-Sunday,1-Monday...)
·getFullYear        ｜根據(jù)本地時(shí)間獲取當(dāng)前年份(四位數(shù)字)
·getHours           ｜根據(jù)本地時(shí)間獲取當(dāng)前小時(shí)數(shù)(24小時(shí)制,0-23)
·getMilliseconds    ｜根據(jù)本地時(shí)間獲取當(dāng)前毫秒數(shù)
·getMinutes         ｜根據(jù)本地時(shí)間獲取當(dāng)前分鐘數(shù)
·getMonth           ｜根據(jù)本地時(shí)間獲取當(dāng)前月份(注意從0開(kāi)始:0-Jan,1-Feb...)
·getSeconds         ｜根據(jù)本地時(shí)間獲取當(dāng)前秒數(shù)
·getTime            ｜獲取UTC格式的從1970.1.1 0:00以來(lái)的毫秒數(shù)
·getTimezoneOffset ｜獲取當(dāng)前時(shí)間和UTC格式的偏移值(以分鐘為單位)
·getUTCDate         ｜獲取UTC格式的當(dāng)前日期(本月的幾號(hào))
·getUTCDay          ｜獲取UTC格式的今天是星期幾(0-Sunday,1-Monday...)
·getUTCFullYear     ｜獲取UTC格式的當(dāng)前年份(四位數(shù)字)
·getUTCHours        ｜獲取UTC格式的當(dāng)前小時(shí)數(shù)(24小時(shí)制,0-23)
·getUTCMilliseconds ｜獲取UTC格式的當(dāng)前毫秒數(shù)
·getUTCMinutes      ｜獲取UTC格式的當(dāng)前分鐘數(shù)
·getUTCMonth        ｜獲取UTC格式的當(dāng)前月份(注意從0開(kāi)始:0-Jan,1-Feb...)
·getUTCSeconds      ｜獲取UTC格式的當(dāng)前秒數(shù)
·getYear            ｜根據(jù)本地時(shí)間獲取當(dāng)前縮寫(xiě)年份(當(dāng)前年份減去1900)
·setDate            ｜設(shè)置當(dāng)前日期(本月的幾號(hào))
·setFullYear        ｜設(shè)置當(dāng)前年份(四位數(shù)字)
·setHours           ｜設(shè)置當(dāng)前小時(shí)數(shù)(24小時(shí)制,0-23)
·setMilliseconds    ｜設(shè)置當(dāng)前毫秒數(shù)
·setMinutes         ｜設(shè)置當(dāng)前分鐘數(shù)
·setMonth           ｜設(shè)置當(dāng)前月份(注意從0開(kāi)始:0-Jan,1-Feb...)
·setSeconds         ｜設(shè)置當(dāng)前秒數(shù)
·setTime            ｜設(shè)置UTC格式的從1970.1.1 0:00以來(lái)的毫秒數(shù)
·setUTCDate         ｜設(shè)置UTC格式的當(dāng)前日期(本月的幾號(hào))
·setUTCFullYear     ｜設(shè)置UTC格式的當(dāng)前年份(四位數(shù)字)
·setUTCHours        ｜設(shè)置UTC格式的當(dāng)前小時(shí)數(shù)(24小時(shí)制,0-23)
·setUTCMilliseconds ｜設(shè)置UTC格式的當(dāng)前毫秒數(shù)
·setUTCMinutes      ｜設(shè)置UTC格式的當(dāng)前分鐘數(shù)
·setUTCMonth        ｜設(shè)置UTC格式的當(dāng)前月份(注意從0開(kāi)始:0-Jan,1-Feb...)
·setUTCSeconds      ｜設(shè)置UTC格式的當(dāng)前秒數(shù)
·setYear            ｜設(shè)置當(dāng)前縮寫(xiě)年份(當(dāng)前年份減去1900)
·toString           ｜將日期時(shí)間值轉(zhuǎn)換成"日期/時(shí)間"形式的字符串值
·Date.UTC           ｜返回指定的UTC格式日期時(shí)間的固定時(shí)間值

頁(yè)面js直接得到系統(tǒng)動(dòng)態(tài)時(shí)間完整示例：

<!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實(shí)時(shí)顯示時(shí)間</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>

運(yùn)行效果如下圖所示：