Examples of common methods for Date objects in JavaScript _ basic knowledge

Source: Internet
Author: User
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》​

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.