在纯javascript中的jquery动画效果

Question

纯javascript中的jquery动画效果相当于什么？

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

Answer 1

您可以使用纯javascript实现复杂的动画。

通过使用setTimeout和setInterval方法

请检查here。

这里是移动一个元素

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 
}