JavaScript中Date對象的常用方法示例

更新時間：2015年10月24日 14:56:54 投稿：goldensun

這篇文章主要介紹了JavaScript中Date對象的常用方法示例,Date對象的相關(guān)運(yùn)用是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

getFullYear()
使用 getFullYear() 獲取年份。
源代碼:

</script>
<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to display the full year of todays date.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getFullYear();
}
</script>

</body>
</html>

測試結(jié)果:

getTime()
getTime() 返回從 1970 年 1 月 1 日至今的毫秒數(shù)。
源代碼:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to display the number of milliseconds since midnight, January 1, 1970.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getTime();
}
</script>

</body>
</html>

測試結(jié)果:

1445669203860

setFullYear()
如何使用 setFullYear() 設(shè)置具體的日期。
源代碼:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to display a date after changing the year, month, and day.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var d = new Date();
d.setFullYear(2020,10,3);
var x = document.getElementById("demo");
x.innerHTML=d;
}
</script>

<p>Remember that JavaScript counts months from 0 to 11.
Month 10 is November.</p>
</body>
</html>

測試結(jié)果:

Tue Nov 03 2020 14:47:46 GMT+0800 (中國標(biāo)準(zhǔn)時間)

toUTCString()
如何使用 toUTCString() 將當(dāng)日的日期（根據(jù) UTC）轉(zhuǎn)換為字符串。

源代碼:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to display the UTC date and time as a string.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.toUTCString();
}
</script>

</body>
</html>

測試結(jié)果:

Sat, 24 Oct 2015 06:49:05 GMT

getDay()
如何使用 getDay() 和數(shù)組來顯示星期，而不僅僅是數(shù)字。
源代碼:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to display todays day of the week.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var d = new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";

var x = document.getElementById("demo");
x.innerHTML=weekday[d.getDay()];
}
</script>

</body>
</html>

測試結(jié)果:

Saturday

Display a clock
如何在網(wǎng)頁上顯示一個鐘表。
源代碼:

<!DOCTYPE html>
<html>
<head>
<script>
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
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>

您可能感興趣的文章: