We live in a world where. Um. The sun is like. Moving. And so thats time. And so you want to make a clock to see what time it is.
THIS IS HOW TO DO IT ! !! !111


STEP ONE
Create a class named "clock". If youre not sure what this means, copy paste this into your css file or stylesheet :

.clock {
// here you can style your clock however you`d like . you can also not style it and it`ll be like normal text . either way , remove this line .
}

STEP TWO
Add this script to your HTML:
<script> function clock() {// We create a new Date object and assign it to a variable called "time". var time = new Date(), // Access the "getHours" method on the Date object with the dot accessor. hours = time.getHours(), // Access the "getMinutes" method with the dot accessor. minutes = time.getMinutes(), seconds = time.getSeconds(); document.querySelectorAll('.clock')[0].innerHTML = harold(hours) + ":" + harold(minutes) + ":" + harold(seconds); function harold(standIn) { if (standIn < 10) { standIn = '0' + standIn } return standIn; } } setInterval(clock, 1000); </script>

STEP THREE
Add <div class="clock"></div> to your HTML file ( wherever you want your clock to display )


And... Youre done! You now have a working , real time clock . (˶ᵔ ᵕ ᵔ˶) ♡ Congratulations!

xo xo shai