JavaScript中Date對象的常用方法示例
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é)果:
2015
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>
相關(guān)文章
javascript數(shù)組去重方法總結(jié)(推薦)
這篇文章主要介紹了javascript數(shù)組去重方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03Javascript入門學(xué)習(xí)第七篇 js dom實(shí)例操作
上篇文章我們講了 用dom方式 創(chuàng)建節(jié)點(diǎn),復(fù)制節(jié)點(diǎn),插入節(jié)點(diǎn)。 今天我們將講 刪除節(jié)點(diǎn),替換節(jié)點(diǎn),查找節(jié)點(diǎn)等。2008-07-07Javascript實(shí)例教程(19) 使用HoTMetal(5)
Javascript實(shí)例教程(19) 使用HoTMetal(5)...2006-12-12深入解讀JavaScript中的Iterator和for-of循環(huán)
這篇文章主要介紹了JavaScript中的Iterator和for-of循環(huán),是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-07-07你需要知道的10個最佳javascript開發(fā)實(shí)踐小結(jié)
Javascript的很多擴(kuò)展的特性是的它變得更加的犀利, 同時也給予程序員機(jī)會創(chuàng)建更漂亮并且更讓用戶喜歡的網(wǎng)站2012-04-04