Create a Digital Clock with CSS & JS

Поделиться
HTML-код
  • Опубликовано: 7 дек 2021
  • In this video we are going to create a working digital clock from scratch using pure CSS and JavaScript
    I hope you enjoy the video. If you do kindly like and subscribe 😄
    Buy me a Coffee ☕: www.buymeacoffee.com/0shuvo0
    Support me on Patreon: / 0shuvo0
    Find me on Twitter: / 0shuvo0
    Read my articles on Dev: dev.to/0shuvo0
    Watch My Other Tutorials:
    * CSS SVG text drawing animation: • CSS text drawing anima...
    * React.js memory game: • React.js Memory Game T...
    * Vanilla JS Typing Game: • Create a Typing Practi...
    * NodeJs URL expander: • Expan short URLs with ...
    * React JS animated landing page: • Let's create an animat...
    * Vue JS for Beginners: • Vue JS For Beginners w...
    * Create Squid Game using JavaScript: • I made Squid Game usin...
    * THREE.JS ocean cleaning game: • JavaScript Ocean clean...
    #css #js #digital-clock

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

  • @ahmedmushfiq6128
    @ahmedmushfiq6128 2 года назад +1

    I was going to request you to make this video. But you have already did it.

    • @AngleBrace
      @AngleBrace  2 года назад +1

      Wow I hope you find it helpful tho

  • @AngleBrace
    @AngleBrace  2 года назад +1

    if you want the hour to be in 12H format instead of 24H you can do this
    ```
    let hours = now.getHours()
    let minutes = now.getMinutes()
    let seconds = now.getSeconds()
    let am_pm = hours >= 12 ? 'PM' : 'AM'
    if(hours > 12) hours -= 12
    ```