How to slow down and stop the roulette wheel at a given position?

Question

JavaScript

Hello!
Please tell me how to implement the following task:
There is a tape measure, the borders of which are divided into two parts (red and blue).
It is necessary to realize the rotation of the roulette for a fervent time, for example 10 seconds. After this time, slow down the movement of the roulette to a complete stop. The roulette should stop so that the arrow points to the color (red / blue) depending on which one was transferred (in the example 1 is red and 2 is blue).
Unfortunately, I am not "friends" with geometry, and for me this has become a very difficult task.
I could only implement the following:
Implementation example: https://codesandbox.io/embed/frosty-glade-vrrrv?fo...
Please let me know how to do this, thanks in advance.

Answer 1

It is necessary to calculate the angle at a given reverse acceleration.
This can even be done via CSS.