jQuery animate function equivalent in pure JavaScript

Question

What is the equivalent of the following jQuery animate in pure JavaScript?

function animate(element, position, speed) {    $(element).animate({      "top": position    }, speed);  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

You can acheive complex animations with pure javascript by using setTimeout and setInterval methods.

Please check here.

Here is the key part of moving an element:

function move(elem) {     var left = 0     function frame() {         left++  // update parameters         elem.style.left = left + 'px' // show frame         if (left == 100)  // check finish condition             clearInterval(id)     }     var id = setInterval(frame, 10) // draw every 10ms }