Working Analog and Digital Clock using Html CSS & Javascript

Поділитися
Вставка
  • Опубліковано 6 жов 2024
  • Get Master Frontend: Zero to Hero ebook Now👇
    bit.ly/3E40YEV
    ------------------
    Click For More : www.youtube.co...
    ------------------
    Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/...
    CSS Infinity Course : www.udemy.com/...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutor...
    Buy Me A Coffee : www.buymeacoff...
    ------------------
    #onlinetutorials #csseffect #topcsseffects
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    Inspired By These
    Amazing Working Analog and Digital Clock Design using Html CSS & Javascript
    • Amazing Working Analog...
    Animated Working Analog Clock using Html CSS & Javascript
    • Animated Working Analo...
    ------------------
    image source : www.pexels.com/
    ------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

КОМЕНТАРІ • 20

  • @OnlineTutorialsYT
    @OnlineTutorialsYT  Рік тому

    Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.
    Get now more than 1000+ source code just by clicking on this link : www.patreon.com/onlinetutorials
    Here you will find each and every Source Code is Unique.

  • @bilalnesru
    @bilalnesru Рік тому +1

    You have to Removed the letter "Z" from the rotate function to correct the rotation style. And add a sec
    setInterval(() => {
    let day = new Date();
    let hh = day.getHours() * 30;
    let mm = day.getMinutes() * 6;
    let ss = day.getSeconds() * 6;
    hr.style.transform = `rotate(${hh + mm / 12}deg)`;
    mn.style.transform = `rotate(${mm}deg)`;
    sc.style.transform = `rotate(${ss}deg)`;
    }, 1000);
    But 👍wow you have amazing CSS designing skill great work.

  • @pascoaiandreta9964
    @pascoaiandreta9964 7 місяців тому +1

    Greetings from Brazil!

  • @Kus-L
    @Kus-L Рік тому +1

    13:47
    The video is amazing

  • @EyuelShawel
    @EyuelShawel Рік тому

    😮 thanks In an unbelievable way, we try to try, you are always my choice 🙏

  • @amitpandey346
    @amitpandey346 Рік тому

    Thank you sir for book link 😊😊😊😊😊😊

  • @lejamaicainamosky3602
    @lejamaicainamosky3602 Рік тому

    😮 you are the best !! I would like to do like you 😊

  • @PravarPro
    @PravarPro Рік тому

    Very nice sir, and can you also make the small clock beside this one in the part 2

  • @quickclean-ninja
    @quickclean-ninja Рік тому

    Awesome 🎉

  • @africantales124
    @africantales124 Рік тому

    Nice work

  • @veenarao8773
    @veenarao8773 Рік тому

    Superb

  • @CodeRytr
    @CodeRytr Рік тому

    Amazing 🎉

  • @surajsawant1992
    @surajsawant1992 Рік тому

    Amazing

  • @Cricket_Fever_Mania
    @Cricket_Fever_Mania Рік тому

    Nice video

  • @siddharthsinghs4513
    @siddharthsinghs4513 Рік тому

    Nice

  • @dainacuz7596
    @dainacuz7596 Рік тому +1

    I tried your ebook link, but it didn't work

  • @SayyedKhan-p2i
    @SayyedKhan-p2i 2 місяці тому

    Pleas you send me this clock code ok

  • @ndq3080
    @ndq3080 Рік тому +1

    🎉🎉

  • @hunkwade
    @hunkwade Рік тому

    hello

  • @henaparvin9032
    @henaparvin9032 Рік тому

    Aplog project ko responsive kyu nahi banate ho ...sabse tough part wahi lagta Hain mjhe 😥