JavaScript Analog Clock (Super Simple!!!)

____

⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

You can also find me on:

[dropperhoonmein]

It's been a month since I started web dev, it would be a great help if you make more and more beginners projects in your upcoming videos.
PS: Love your videos

[MrBrady]

The styling reminds me of a "Swatch" I had in the 80's! I love it! 😍

I notice if I console log "seconds" (inside the getTime function), it calls it 10 times every second. When I change the setInterval function to 1000, it doesn't do anything for the hand movement that I can tell, 🤓but it does take a second before the clock starts, once the page loads, so I kept it as is.

Cool little project, thanks again!

[jordanyoung]

I remember that I used to have a hard time trying wrap my head my head around this but as I started to practice a lot more, it started to click ...🙂

[shabby_official]

Best thing of this video is you have not just teach Date object but also the core CSS like position, flex, How to center a div, transform-origin and many more. I will surely recommend this video every time to my Internees! Thank you

[RAVISHARMA-hkll]

Good Morning @Ania, The influence of a good teacher can never be erased & you are wonderful faculty, this clock was asked in one of my interview, I was speechless, now I can answer in my coming interviews - grand solute & thanks

[rajneeshhtml]

Explanation is so easy for beginners to understand. ❤

[TheMetalMag]

From a studient video to dev Kyle, seing you doing another one is cool and since you're in js it makes it much interesting to dive into this language thank you

[rawnakkapoor]

Ania the Genius, thank you for making this.

[ahmad-murery]

I think the x-offset of the hands transform origins are off a little bit, it should be the half width of the hand.
I think 100ms delay is unnecessary since the smallest value we use will be the same for 10 interval calls.
maybe it will also looks smoother if we add transition: transform .2s; to each hand.

I always enjoy your videos.
Thanks Ania!

[code_with_sharjeel]

Really very very osm videos, well explained... Plz make more video like this on javascript projects

[vitusyu]

Love you so much, pour my support for your demo million times, thx!

[Eternity]

Ooow Ania welcome (: what we are doing today

[starstuffs]

if you don't mind create tutorial how to deploy postgres for free plsss for portfolio. Nice content Ania.

[rahimibadov]

There is line code-
...(minutes * timeInterval + seconds / 10) + deg..
Two options for this
1) 60 divide 10= 6 deg
2) 10 is inside 1 second which is moving slowly, partly.
I also asked chatgtp but still confused. I mean which one is true? Who understand this?

[jordanyoung]

I'm back ms kubow, what's new today...🙂

[rahimibadov]

Who understand getTime, 100 not 1000 ?

[MahmoudAbdullahAnani]

Why don't you talk about what is happening in Gaza now?