How do i mak a HTML Analog Clock? with css control

[WillLTT]

Hello!

Thanks for using your time to help me.

How do i make a HTML Analog Clock? with css control

 

Any help is greatly apprichiated

[Jrdi]

https://www.w3schools.com/graphics/canvas_clock.asp

[WillLTT]

7 minutes ago, Jrdi said:

https://www.w3schools.com/graphics/canvas_clock.asp

Yeah but i cant set its timezone to match mine

[Dujith]

With just HTML you cant, you will need a script for that.

And how do you mean css control?

[WillLTT]

5 minutes ago, Dujith said:

With just HTML you cant, you will need a script for that.

And how do you mean css control?

i want css sizing controls, location controls with css.

also could we you javascript for it? im unfortunatly unable to find a javascript that works with it

thanks for your time

[Dujith]

Tbh start with just displaying time in your chosen time zone. Just in plain text.

When you understand that, then make the analog clock. Otherwise you will have no clue what you did and wont be able to reproduce it.

 

Steps would be:

1. Display a text clock

2. Display a text clock with the ability to choose time zone

3. Change color of the text with css

 

From there you can work with a canvas and start to draw stuff with javascript.