L
L
Leonid Rozhentsev2020-11-18 17:12:22
JavaScript
Leonid Rozhentsev, 2020-11-18 17:12:22

How to implement this clock?

Now they practice in javascript, and decided to make an animated clock that should show the time like normal ones. Here is an example: It is 5fb52b52033af946904355.jpeg
necessary that every second the hand with moves, and passes the circle in 3600 seconds (1 hour). I want to draw a clock in svg format and control the movement of the arrow using js. Is it possible to do this and is there a simpler alternative?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
O
Oleg, 2020-11-18
@politon

On canvas
js

canvas clock example

Y
Yuri Litvinenko, 2020-11-18
@Litvinenko-Yury

You can simply change the css-property rotate() of the arrow elements with a script.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question