JavaScript Date(日期)
日期對(duì)象用于處理日期和時(shí)間。
在線實(shí)例
如何使用 Date() 方法獲得當(dāng)日的日期。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <script> var d=new Date(); document.write(d); </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
getFullYear()使用 getFullYear() 獲取年份。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">點(diǎn)擊按鈕獲取今年的年份。</p> <button onclick="myFunction()">點(diǎn)我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.getFullYear(); } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
getTime()
getTime() 返回從 1970 年 1 月 1 日至今的毫秒數(shù)。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">單擊按鈕顯示1970年1月1號(hào)至今的毫秒數(shù)。</p> <button onclick="myFunction()">點(diǎn)我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.getTime(); } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
setFullYear()
如何使用 setFullYear() 設(shè)置具體的日期。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">單擊按鈕顯示修改后的年月日。</p> <button onclick="myFunction()">點(diǎn)我</button> <script> function myFunction(){ var d = new Date(); d.setFullYear(2020,10,3); var x = document.getElementById("demo"); x.innerHTML=d; } </script> <p>記住JavaScript月數(shù)是從0至11。10是11月。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
toUTCString()
如何使用 toUTCString() 將當(dāng)日的日期(根據(jù) UTC)轉(zhuǎn)換為字符串。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">點(diǎn)擊按鈕把utc日期和時(shí)間轉(zhuǎn)換成字符串。</p> <button onclick="myFunction()">點(diǎn)我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.toUTCString(); } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
getDay()
如何使用 getDay() 和數(shù)組來(lái)顯示星期,而不僅僅是數(shù)字。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">單擊按鈕顯示今天周幾</p> <button onclick="myFunction()">點(diǎn)我</button> <script> function myFunction(){ var d = new Date(); var weekday=new Array(7); weekday[0]="周日"; weekday[1]="周一"; weekday[2]="周二"; weekday[3]="周三"; weekday[4]="周四"; weekday[5]="周五"; weekday[6]="周六"; var x = document.getElementById("demo"); x.innerHTML=weekday[d.getDay()]; } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
Display a clock
如何在網(wǎng)頁(yè)上顯示一個(gè)鐘表。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script> function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds();// 在小于10的數(shù)字錢(qián)前加一個(gè)‘0’ m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; t=setTimeout(function(){startTime()},500); } function checkTime(i){ if (i<10){ i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
完整的 Date 對(duì)象參考手冊(cè)
我們提供 JavaScript Date 對(duì)象參考手冊(cè),其中包括所有可用于日期對(duì)象的屬性和方法。JavaScript Date 對(duì)象參考手冊(cè)。
該手冊(cè)包含了對(duì)每個(gè)屬性和方法的詳細(xì)描述以及相關(guān)實(shí)例。
創(chuàng)建日期
Date 對(duì)象用于處理日期和時(shí)間。
可以通過(guò) new 關(guān)鍵詞來(lái)定義 Date 對(duì)象。以下代碼定義了名為 myDate 的 Date 對(duì)象:
有四種方式初始化日期:
new Date(milliseconds) //返回從 1970 年 1 月 1 日至今的毫秒數(shù)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
上面的參數(shù)大多數(shù)都是可選的,在不指定的情況下,默認(rèn)參數(shù)是0。
實(shí)例化一個(gè)日期的一些例子:
var d1 = new Date("October 13, 1975 11:13:00")
var d2 = new Date(79,5,24)
var d3 = new Date(79,5,24,11,33,0)
設(shè)置日期
通過(guò)使用針對(duì)日期對(duì)象的方法,我們可以很容易地對(duì)日期進(jìn)行操作。
在下面的例子中,我們?yōu)槿掌趯?duì)象設(shè)置了一個(gè)特定的日期 (2010 年 1 月 14 日):
myDate.setFullYear(2010,0,14);
在下面的例子中,我們將日期對(duì)象設(shè)置為 5 天后的日期:
myDate.setDate(myDate.getDate()+5);
注意: 如果增加天數(shù)會(huì)改變?cè)路莼蛘吣攴荩敲慈掌趯?duì)象會(huì)自動(dòng)完成這種轉(zhuǎn)換。
兩個(gè)日期比較
日期對(duì)象也可用于比較兩個(gè)日期。
下面的代碼將當(dāng)前日期與 2100 年 1 月 14 日做了比較:
x.setFullYear(2100,0,14);
var today = new Date();
if (x>today)
{
alert("今天是2100年1月14日之前");
}
else
{
alert("今天是2100年1月14日之后");
}