不使用spritesheet的HTML5动画

Question

我正在使用Phonegap构建一个简单的应用程序，我想知道是否有任何解决方案可以使动画不使用spritesheet，到目前为止我发现的唯一example使用的是不同的如果我们考虑它的表现，那就不太好了。我想要这样的东西：

Animation anim = new Animation();
anim.add("move1.png");
anim.add("move2.png");
anim.add("move3.png");
anim.add("move4.png");
anim.start();

有没有办法实现这个目标？

Answer 1

为什么不使用简单的javascript间隔？

HTML

<img id="animate" src="#"/>

的Javascript

var images = ["img1",
              "img2",
              "img3",
              "img4"],
    i = 0;


$animate = $("#animate");
$animate.attr( "src" , images[i] );
setInterval(function(){
    i = ( i === (images.length - 1) ) ? 0 : i + 1;
    $animate.attr("src",images[i]);
}, 1000);

你可以看到它正在发挥作用：http://jsfiddle.net/ugn7fn79/2/

如果我不理解你，请告诉我，并试着改善我的答案。