JavaScript Analog Clock (Super Simple!!!)

Found this hard? Learn the fundamentals of JavaScript here: www.codewithan...
🚀 Sign up to www.codewithan... to receive access for the final code.
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
⭐ New to code and none of this is making sense? Watch my '12hr+ KZbin Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow

[@MrBrady95]

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!

[@lorddoomer7271]

I love position absolute I use that in all of my games...

[@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

[@jordanyoung1836]

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_official8978]

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-hk5ll]

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

[@rajneeshhtml1]

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

[@code_with_sharjeel]

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

[@imadullahkhan7314]

great job @Ania thanks for the video

[@Peterplayingguitar]

Great tutorial! Thank you.

[@guig2004]

Ania we are waiting 😎

[@asifiqbal5877]

excellent video on JS . I love JS

[@jordanyoung1836]

I appreciate you explaining this...

[@khalidelgazzar]

Great tutorial. Thanks Annia

[@bonasangs.p4518]

Wow! Brilliant explanation

[@eduardointech]

Thank you so much Ania!

[@mpakasoul]

great video thank you so much

[@代鹏-q6u]

nice and simple project

[@INetreba]

Good job!

[@dauysal]

Beautiful tutorial 👍👏

[@Eternity001]

Ooow Ania welcome (: what we are doing today

[@rahimibadov2940]

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?

[@serraarachid8306]

Hi everyone

[@charlesbruce6175]

Hi

[@tolgabeyazoglu536]

good video

[@bonasangs.p4518]

❤❤❤

[@rahimibadov2940]

Who understand getTime, 100 not 1000 ?

[@aniakubow]

Do you mean the amount of time that passes between each time this function is called? 100 milliseconds vs 1000 milliseconds ?

[@hasanwilliams7373]

Second comment pin me as well

[@stldweller]

you are reaching 🤣🤣

[@Cinematic_Canvas]

First comment pin me 😁

[@beingrajat2127]

Amazing

[@MahmoudAbdullahAnani]

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

[@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!

[@jordanyoung1836]

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

[@starstuffs39]

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

[@khalidhussain-jr1os]

ilove you{beauty }

[@Debugged_Gamer]

Ania the Genius, thank you for making this.

[@EmaPeshy]

Thanks ❤

[@भाईजॉन]

Love

[@vitusyu9583]

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

[@aniakubow]

Thanks so much!!