JavaScript Analog Clock (Super Simple!!!)

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 44

  • @MrBrady95
    @MrBrady95 5 месяцев назад +8

    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!

  • @dropperhoonmein
    @dropperhoonmein 5 месяцев назад +9

    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

  • @shabby_official8978
    @shabby_official8978 5 месяцев назад

    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
    @RAVISHARMA-hk5ll 5 месяцев назад

    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

  • @TheMetalMag
    @TheMetalMag 5 месяцев назад

    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

  • @Debugged_Gamer
    @Debugged_Gamer 5 месяцев назад +1

    Ania the Genius, thank you for making this.

  • @rajneeshhtml1
    @rajneeshhtml1 5 месяцев назад +1

    Explanation is so easy for beginners to understand. ❤

  • @code_with_sharjeel
    @code_with_sharjeel 2 месяца назад

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

  • @ahmad-murery
    @ahmad-murery 5 месяцев назад

    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
    @jordanyoung1836 5 месяцев назад +3

    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 ...🙂

  • @khalidelgazzar
    @khalidelgazzar 5 месяцев назад

    Great tutorial. Thanks Annia

  • @bonasangs.p4518
    @bonasangs.p4518 5 месяцев назад

    Wow! Brilliant explanation

  • @eduardointech
    @eduardointech 5 месяцев назад

    Thank you so much Ania!

  • @asifiqbal5877
    @asifiqbal5877 5 месяцев назад

    excellent video on JS . I love JS

  • @vitusyu9583
    @vitusyu9583 5 месяцев назад

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

    • @aniakubow
      @aniakubow  5 месяцев назад

      Thanks so much!!

  • @Peterplayingguitar
    @Peterplayingguitar 5 месяцев назад

    Great tutorial! Thank you.

  • @imadullahkhan7314
    @imadullahkhan7314 5 месяцев назад

    great job @Ania thanks for the video

  • @jordanyoung1836
    @jordanyoung1836 5 месяцев назад

    I appreciate you explaining this...

  • @dauysal
    @dauysal 5 месяцев назад

    Beautiful tutorial 👍👏

  • @guig2004
    @guig2004 5 месяцев назад +1

    Ania we are waiting 😎

  • @mpakasoul
    @mpakasoul 5 месяцев назад

    great video thank you so much

  • @INetreba
    @INetreba 5 месяцев назад

    Good job!

  • @代鹏-q6u
    @代鹏-q6u 5 месяцев назад

    nice and simple project

  • @beingrajat2127
    @beingrajat2127 5 месяцев назад +1

    Amazing

  • @Eternity001
    @Eternity001 5 месяцев назад +1

    Ooow Ania welcome (: what we are doing today

  • @starstuffs39
    @starstuffs39 5 месяцев назад

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

  • @EmaPeshy
    @EmaPeshy 5 месяцев назад

    Thanks ❤

  • @rahimibadov2940
    @rahimibadov2940 2 месяца назад

    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?

  • @tolgabeyazoglu536
    @tolgabeyazoglu536 5 месяцев назад

    good video

  • @serraarachid8306
    @serraarachid8306 5 месяцев назад +2

    Hi everyone

  • @भाईजॉन
    @भाईजॉन 5 месяцев назад

    Love

  • @jordanyoung1836
    @jordanyoung1836 5 месяцев назад

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

  • @bonasangs.p4518
    @bonasangs.p4518 5 месяцев назад

    ❤❤❤

  • @Cinematic_Canvas
    @Cinematic_Canvas 5 месяцев назад +2

    First comment pin me 😁

  • @rahimibadov2940
    @rahimibadov2940 2 месяца назад

    Who understand getTime, 100 not 1000 ?

    • @aniakubow
      @aniakubow  2 месяца назад

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

  • @khalidhussain-jr1os
    @khalidhussain-jr1os 5 месяцев назад

    ilove you{beauty }

  • @hasanwilliams7373
    @hasanwilliams7373 5 месяцев назад

    Second comment pin me as well

    • @stldweller
      @stldweller 5 месяцев назад +1

      you are reaching 🤣🤣

  • @MahmoudAbdullahAnani
    @MahmoudAbdullahAnani 4 месяца назад

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