在没有CSS或JQuery的情况下对setTimeOut进行动画处理

Question

嗯，我不知道这是否可能，但我想在不使用css或jquery的情况下使用setTimeout上的javascript触发动画，因为我需要将它放在来自其他来源的JS文件中必须到处工作......（我现在头疼）我做了这个

setTimeout(function() {
var cuadro = document.getElementById('cuadro');
if (cuadro) { cuadro.style.marginLeft = 0}  
}, 2000 );

并且确实将它从margin-left移动了一个元素：2秒内400到0，但我想简化那个动画

任何帮助将不胜感激

Answer 1

这样的事情应该有效：

http://codepen.io/anon/pen/jEgjpZ

var i = 0, cuadro = document.getElementById('cuadro');
if (cuadro) cuadro.style.marginLeft = 0;

animationFrames();

function animationFrames() {

  if (i <= 80) {
  cuadro.style.marginLeft = i*5 + 'px';
  i++;
  setTimeout(animationFrames, 25);
  }
}