Create Analog Clock in HTML CSS & JavaScript
This instructional video will teach you how to build an analog clock using HTML, CSS, and JavaScript. It includes both dark and light mode options, and I have utilized local storage to maintain the chosen mode even when the page is refreshed or the file is reopened.
---
📁 Download Source Code From Here
➤ www.codinglabweb.com
Follow me on Instagram
➤ / coding.np
---
⌚ Timestamps:
00:00 Analog Clock Demo
00:46 File Structure
01:06 HTML code for analog clock
02:05 CSS code for analog clock
06:14 Creating hand of analog clock
10:00 Creating clock's dark light mode switch
15:45 Using Locastorage to keep selected theme
19:02 Final result of Analog Clock
#analogclock #digitalclock #htmlcssjavascript
---
Music Credit:
Deep Sea by Vendredi / vendrediduo
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/-deep-sea
Music promoted by Audio Library • Deep Sea - Vendredi (N...
Something 'bout July (Instrumental) by RYYZN
• Something 'bout July (...
Ikson - We Are Free (Vlog No Copyright Music)
• Ikson - We Are Free (V...
Ikson - Anywhere [Official]
• #66 Anywhere (Official)
Пікірлер: 29
Gila, gw awal suka ngoding karna channel ini muncul di beranda yt gw.
Wow!!! Amazing..
How do you do it? I actually discovered coding because of this channel and love your content. Keep going
@CodingLabYT
Жыл бұрын
Glad you enjoy it!
As always, great code and quality content 🚀 Amazing video, inspired me to make new tutorials, bro :)
@CodingLabYT
Жыл бұрын
Happy to hear that!
all the videos on this channel have helped me a lot, I will start with JS guides. Thanks for everything! By the way, any advice for making a responsive table with the sticky headboard???
@CodingLabYT
Жыл бұрын
Glad you like them!
Superb❤
It works very well and is 100% working
@CodingLabYT
Жыл бұрын
Glad it could helped.
Excellent! I'm a big fan of your skills sir. Can you make a tutorial on how to make a ' Click and Drag to resize div' kind of thing
@CodingLabYT
Жыл бұрын
Great suggestion!
nice
@CodingLabYT
Жыл бұрын
Thanks a billion.
✌✌✌✌✌✌
I want to learn JavaScript's main fundamentals which help Mee in web project s suggest me sorcea
good
@CodingLabYT
Жыл бұрын
Thanks a billion.
secondHand.style.transform = `rotate(${secToDeg}deg)` Uncaught TypeError: Cannot read properties of null (reading 'style') what i did wrong???
hourHand is not working. Minutes and seconds are working correctly. Anyway thank you very much and appreciate your work..
like. .mode-swith add ( cursor: pointer;)
first
@CodingLabYT
Жыл бұрын
Thanks a trillion.
Bhai source code
@CodingLabYT
Жыл бұрын
Link is the description.
Wow!!! Amazing..
@CodingLabYT
Жыл бұрын
Thanks a lot 😊