Javascript iphone html动画？

我正在使用NimbleKit构建一个html原生iPhone应用程序，其中一部分涉及动画。我构建了一个包含动画的320×230px 48帧png序列，并使用javascript循环播放。这里是一个快速和肮脏的代码

     var pic = 0;
    function stamp(){
        //alert("animated");
        //alert("Stamp");
        var image;
        if(pic<=48){
        image = "url('Animations/Smiley/"+pic+".png')";
        $('#animation').css("background-image",image);
        pic++;
        }

    }
    function beginStamp(){
        var stamp = window.setInterval("stamp()", 33.33);
        window.setTimeout("clearIt()", 1599.84);
    }

    function clearIt(){

        window.clearInterval(stamp);
        $('#animation').css("z-index",0);

    }

    var animated = setTimeout("animate()",600);
    var start = setTimeout("beginStamp()",1600);

var pic=0；
函数戳（）{
//警报（“动画”）；
//警告（“印章”）；
var图像；
如果（pic尽管图像是本地的，它仍然需要将它们加载到内存中-即，当您设置
背景图像
css规则指向一个新的URL时，它会检查所需的资源是否已经加载-如果没有，它需要在渲染之前读取图像文件，这可能需要一些时间。这就是问题所在

尝试先加载所有图像，当程序加载时，然后当您想第一次向用户显示图像时，应该可以。您应该能够通过在启动时隐藏图像运行上述代码来实现这一点。
这也是一个很好的方法，但我最后只使用了精灵动画，它就像一个魔咒一样工作直到有点拖拉，我才开始运行，所以我以后会用这个方法，谢谢！