图片懒加载 + 图片按帧播放

// 图片懒加载

$(function(){
        arr_jiyun[0] = 'images/jiyun/1.png'
        arr_jiyun[1] = 'images/jiyun/2.png'
        arr_jiyun[2] = 'images/jiyun/3.png'
        arr_jiyun[3] = 'images/jiyun/4.png'
        arr_jiyun[4] = 'images/jiyun/5.png'
        arr_jiyun[5] = 'images/jiyun/6.png'
        arr_jiyun[6] = 'images/jiyun/7.png'
        arr_jiyun[7] = 'images/jiyun/8.png'
        arr_jiyun[8] = 'images/jiyun/9.png'
        arr_jiyun[9] = 'images/jiyun/10.png'
        arr_jiyun[10] = 'images/jiyun/11.png'
        arr_jiyun[11] = 'images/jiyun/12.png'
        arr_jiyun[12] = 'images/jiyun/13.png'
        arr_jiyun[13] = 'images/jiyun/14.png'
        arr_jiyun[14] = 'images/jiyun/15.png'
        arr_jiyun[15] = 'images/jiyun/16.png'
        arr_jiyun[16] = 'images/jiyun/17.png'
        arr_jiyun[17] = 'images/jiyun/18.png'
        arr_jiyun[18] = 'images/jiyun/19.png'
        arr_jiyun[19] = 'images/jiyun/20.png'
        arr_jiyun[20] = 'images/jiyun/21.png'
        arr_jiyun[21] = 'images/jiyun/22.png'
        arr_jiyun[22] = 'images/jiyun/23.png'
        arr_jiyun[23] = 'images/jiyun/24.png'
        arr_jiyun[24] = 'images/jiyun/25.png'
        preloadimages(arr_jiyun);
    })
    function preloadimages(arr){
        var newimages=[]
        var arr=(typeof arr!="object")? [arr] : arr  //确保参数总是数组
        for (var i=0; i<arr.length; i++){
            newimages[i]=new Image()
            newimages[i].src=arr[i]
        }
    }

// 缓存的图片按帧播放动画

    var curIndex = 0;
    var timeInterval = 70;
    var arr_jiyun = new Array();

    function jiyun()
    {
        setInterval(changeImg, timeInterval);
    }
    function changeImg()
    {
        var obj = document.getElementById('jiyun');
        if (curIndex == arr_jiyun.length-1) {
            curIndex = 0;
        } else{
            curIndex += 1;
            console.log(curIndex);
            if (curIndex == 20)
             {
                 location.href='./chouqian.html'
             }
        }
        obj.src = arr_jiyun[curIndex];
    }

 

// 页面标签

<img style="display: none;" id='jiyun' src="images/jiyun/1.png" alt="">

来源：oschina

链接：https://my.oschina.net/u/3853452/blog/3216462