Working with Date and Time in Javascript and My Awesome Digital Clock
I have created a digital clock while learning to work with date and time in javascript. Here I wanted to share what I learned and what I used to build this awesome javascript clock.
My Solution
By default, JavaScript will use the browser's / system time zone and display a date as a full text string if u use the easy solution.
- Every second we are going to update the time in the view. To run something in X interval, I used setInterval() function
- I used Date() function to take the system time and then set it to the view
var x = setInterval(time, 1000); // here 1000 == 1 second function time(){ document.getElementById("id").innerHTML = Date(); }
More Time Formats in Javascript
If you want to custom the format of your date and time, then you should check these below methods that javascript provides:
Method Description ------------------------------- getFullYear() Get the year as a four digit number (yyyy) getMonth() Get the month as a number (0-11) getDate() Get the day as a number (1-31) getHours() Get the hour (0-23) getMinutes() Get the minute (0-59) getSeconds() Get the second (0-59) getMilliseconds() Get the millisecond (0-999) getTime() Get the time (milliseconds since January 1, 1970) getDay() Get the weekday as a number (0-6) Date.now() Get the time. ECMAScript 5.
For more knowledge you can check : w3schools
Hope this will help you <3
Comments
Leave a comment
You are not LoggedIn but you can comment as an anonymous user which requires manual approval. For better experience please Login.