This article mainly introduces common examples of Date objects in JavaScript. the use of Date objects is the basic knowledge in JS beginners. For more information, see
GetFullYear ()
Use getFullYear () to obtain the year.
Source code:
《script》Click the button to display the full year of todays date.
Try it《script》function myFunction(){var d = new Date();var x = document.getElementById("demo");x.innerHTML=d.getFullYear();}《script》
Test results:
2015
GetTime ()
GetTime () returns the number of milliseconds since January 1, January 1, 1970.
Source code:
Click the button to display the number of milliseconds since midnight, January 1, 1970.
Try it《script》function myFunction(){var d = new Date();var x = document.getElementById("demo");x.innerHTML=d.getTime();}《script》
Test results:
1445669203860
SetFullYear ()
How to use setFullYear () to set a specific date.
Source code:
Click the button to display a date after changing the year, month, and day.
Try it《script》function myFunction(){var d = new Date();d.setFullYear(2020,10,3);var x = document.getElementById("demo");x.innerHTML=d;}《script》Remember that JavaScript counts months from 0 to 11.Month 10 is November.
Test results:
Tue Nov 03 2020 14:47:46 GMT + 0800 (Chinese Standard Time)
ToUTCString ()
How to use toUTCString () to convert the date of the current day (based on UTC) to a string.
Source code:
Click the button to display the UTC date and time as a string.
Try it《script》function myFunction(){var d = new Date();var x = document.getElementById("demo");x.innerHTML=d.toUTCString();}《script》
Test results:
Sat, 24 Oct 2015 06:49:05 GMT
GetDay ()
How to use getDay () and array to display the week, not just a number.
Source code:
Click the button to display todays day of the week.
Try it《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》
Test results:
Saturday
Display a clock
How to display a clock on a webpage.
Source code:
《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<10m=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》