Digital Clock Design | With 12-hour/24-hour Format Switcher - Html, Css & Javascript

Опубликовано: 10 Март 2022
на канале: Coding Snow

39,587

788

Digital Clock Design | With 12-hour/24-hour Format Switcher - Html, Css & Javascript

In this tutorial, you will learn how to design a digital clock that displays the current time and date with a 12-hour/24-hour format switcher using HTML, CSS and Javascript. Hope this project will be helpful!

+Like and Subscribe 🔔 for More! ❤️❄️

◾Get This Project Source Codes -   / digital-clock-design-with-12-hour-24-52826

💙 Become a Member to Get All Source Codes -   / codingsnow

✔️ Clear Coding
✔️ Easy to Follow

📚 Chapters
-------------------------
0:00 - Project Demo
1:57 - Files setup
2:03 - Link Unicons
2:28 - Digital clock design (Html)
3:46 - Google fonts
4:28 - Digital clock design (Html, Css)
13:55 - Digital clock - Get the current time (Javascript)
17:01 - Digital clock - Set the time period AM/PM (Javascript)
17:37 - Digital clock - Set the 12-hour clock format (Javascript)
18:12 - Digital clock - Add the "0" for the time values lower than 10 (Javascript)
19:43 - Digital clock - Get the current date (Javascript)
22:48 - Dot menu - (Html, Css)
28:43 - Digital clock - 12-hour/24-hour clock format switcher (Javascript)
34:37 - Dot menu toggle - (Html, Css, Javascript)
39:54 - Digital clock glowing animation - (Css)

Book Me 🔖
-----------------------
∎ Book me to Fix your project Bugs & Issues - https://www.buymeacoffee.com/codingsn...
∎ Book me to Convert your Figma, PSD, and XD Design to an HTML Website - https://www.buymeacoffee.com/codingsn...

∎ Download File Setup - https://www.codingsnow.com
∎ Download All Source Files On Patreon -   / 63611379
∎ Facebook Page -   / codingsnow
∎ Instagram -   / coding.snow
∎ Support From Paypal - https://paypal.me/codingsnowget

Support My Works ❤️❄️
--------------------------------------------
∎ Buymeacoffee - https://www.buymeacoffee.com/codingsnow
∎ Patreon -   / codingsnow

🔗External Sources
------------------------------------
∎ Unicons Library - https://iconscout.com/unicons

#CodingSnow #WebDesign #DigitalClock
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.