How to properly restart canvas on button click?

Question

JavaScript

You need to start the canvas animation on the click of the button, when you click again, the animation should reset and repeat again (tuggle effect). In the example, I did just that, however, on my click, the function is called many times without clearing the old canvas, which by itself affects the speed (fps) of the animation. How to do it right?

https://jsfiddle.net/Lr2fpndx/

Answer 1