Creating animation in the JavaScript is simple. Most devs likely have used either setInterval() or setTimeout() functions.

function draw() {
    // Drawing code goes here
}
setInterval(draw, 100);function draw() {
    setTimeout(draw, 100);
    // Drawing code goes here
}
draw();

Both are actually a great choice. It will execute every millisecond. You can perform a repainting on each execution.

Hmm… How about if you have a monitor with a 60Hz refresh rate, and you want to achieve 60 FPS?

You have about 16.7 milliseconds (1000 / 60) to execute your animation code to render each frame.

It’s a good idea…