閱讀(17.1k) 書簽贊(0) 我要糾錯(cuò)

用javascript 顯示時(shí)間日期

2018-08-12 14:55 更新

javascript時(shí)間函數(shù)

javascript提供了Date對(duì)象來進(jìn)行時(shí)間和日期的計(jì)算。

Date對(duì)象有多種構(gòu)造函數(shù)：

new Date() //當(dāng)前時(shí)間
new Date(milliseconds) //距離起始時(shí)間1970年1月1日的毫秒數(shù)
new Date(datestring) //字符串代表的日期與時(shí)間。此字符串可以使用Date.parse()轉(zhuǎn)換,比如"Jannuary 1, 1998 20:13:15"
new Date(year, month, day, hours, minutes, seconds, microseconds) //時(shí)間數(shù)值，可以不用全部寫，不寫則默認(rèn)為0

使用時(shí)先創(chuàng)建一個(gè)Date對(duì)象，比如：
dateObj=new Date();

然后調(diào)用函數(shù)，比如
year=dateObj.getFullYear();//獲得年份值

下面是函數(shù)列表。

獲取類函數(shù)：
getDate() 函數(shù) -- 返回天數(shù)(1-31)
getDay()函數(shù) -- 返回星期數(shù)(0-6)
getFullYear() 函數(shù) -- 返回四位數(shù)年份
getHours()函數(shù) -- 返回小時(shí)數(shù)(0-23)
getMilliseconds() 函數(shù) -- 返回毫秒數(shù)(0-999)
getMinutes() 函數(shù) -- 返回分鐘數(shù)(0-59)
getMonth() 函數(shù) -- 返回月份數(shù)(0-11)
getSeconds() 函數(shù) -- 返回的秒數(shù)(0-59)
getTime() 函數(shù) -- 返回時(shí)間戳表示法(毫秒表示)
getYear() 函數(shù) -- 返回年份(真實(shí)年份減去1900)

設(shè)置類函數(shù)：
（以下函數(shù)均返回date對(duì)象距1970年1月1日午夜之間的毫秒數(shù)）
setDate() 函數(shù) -- 設(shè)置月份的一天
setFullYear() 函數(shù) -- 設(shè)置的年份，月份和天
setHours() 函數(shù) -- 設(shè)置小時(shí)，分鐘，秒和毫秒
setMilliseconds() 函數(shù) -- 設(shè)置毫秒數(shù)
setMinutes() 函數(shù) -- 設(shè)置分鐘，秒，毫秒
setMonth() 函數(shù) -- 設(shè)置月份，天
setSeconds() 函數(shù) -- 設(shè)置月份的一天
setTime() 函數(shù) -- 使用毫秒數(shù)設(shè)置date對(duì)象
setYear() 函數(shù) -- 設(shè)置年份(真實(shí)年份減去1900)

轉(zhuǎn)化顯示類函數(shù)：
toLocalString() 函數(shù) -- 返回本地化字符串表示
toLocaleDateString函數(shù) -- 返回日期部分的本地化字符串
toLocaleTimeString函數(shù) -- 返回時(shí)間部分的本地化字符串

相對(duì)于local輸出，還有：

toString()
toDateString()
toTimeString()

區(qū)別在于前者是根據(jù)不同的機(jī)器有不同的當(dāng)?shù)卣Z言格式，后者是內(nèi)部表示格式

日期解析類函數(shù)
Date.parse() 函數(shù) -- 解析一個(gè)日期的字符串，并返回該日期距1970年1月1日午夜之間的毫秒數(shù)

javascript顯示時(shí)間實(shí)例

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// 當(dāng)數(shù)字是小于10的就要在前面加0.看起來規(guī)范
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',1000)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

JavaScript顯示系統(tǒng)時(shí)間帶日期

JavaScript顯示系統(tǒng)時(shí)間,顯示年月日時(shí)分秒和星期，每秒自動(dòng)刷新，并加入日期顏色區(qū)別:
星期一至星期五顯示為黑色
星期六顯示為綠色
星期日顯示為紅色

<!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=gb2312" />
<title>JavaScript 時(shí)間顯示</title>
</head>
<body>
<span id=localtime></span>
<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;
return(str);
}
function tick()
{
var today;
today = new Date();
document.getElementById("localtime").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
}
tick();
</script>
</body>
</html>

javascript實(shí)時(shí)顯示當(dāng)天日期的方法

代碼如下：

<!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í)間</title>
</head>
<body>
<div id="divBottom"></div>
<script type="text/javascript">
//獲取當(dāng)天日期
function date()
{
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour="00"+date.getHours();
hour=hour.substr(hour.length-2);
var minute="00"+date.getMinutes();
minute=minute.substr(minute.length-2);
var second="00"+date.getSeconds();
second=second.substr(second.length-2);
var week=date.getDay();
switch(week)
{
case 1:week="星期一 ";break;
case 2:week="星期二 ";break;
case 3:week="星期三 ";break;
case 4:week="星期四 ";break;
case 5:week="星期五 ";break;
case 6:week="星期六 ";break;
case 0:week="星期日 ";break;
default:week="";break;
}
document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;
}
setInterval("date()",1000);
</script>
</body>
</html>

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

js顯示當(dāng)前系統(tǒng)時(shí)間的代碼

js獲取當(dāng)前系統(tǒng)時(shí)間

代碼如下:

    var myDate = new Date();
    myDate.getYear();        //獲取當(dāng)前年份(2位)
    myDate.getFullYear();    //獲取完整的年份(4位,1970-????)
    myDate.getMonth();       //獲取當(dāng)前月份(0-11,0代表1月)
    myDate.getDate();        //獲取當(dāng)前日(1-31)
    myDate.getDay();         //獲取當(dāng)前星期X(0-6,0代表星期天)
    myDate.getTime();        //獲取當(dāng)前時(shí)間(從1970.1.1開始的毫秒數(shù))
    myDate.getHours();       //獲取當(dāng)前小時(shí)數(shù)(0-23)
    myDate.getMinutes();     //獲取當(dāng)前分鐘數(shù)(0-59)
    myDate.getSeconds();     //獲取當(dāng)前秒數(shù)(0-59)
    myDate.getMilliseconds();    //獲取當(dāng)前毫秒數(shù)(0-999)
    myDate.toLocaleDateString();     //獲取當(dāng)前日期
    var mytime=myDate.toLocaleTimeString();     //獲取當(dāng)前時(shí)間
    myDate.toLocaleString( );        //獲取日期與時(shí)間

js顯示當(dāng)前系統(tǒng)時(shí)間的代碼

以上內(nèi)容是否對(duì)您有幫助：

← javascript刷新當(dāng)前頁面方法

javascript經(jīng)典小游戲 →

寫筆記

我要補(bǔ)充