js简单处理图片预加载

<script type="text/javascript">
    var g = 0;
    var loadEnterTimer = null;
    clearInterval(loadEnterTimer);
    loadEnterTimer = setInterval(function () {
      if (g >= 100) {
        clearInterval(loadEnterTimer);
        return;
      }
      g += 1;
      $('.progress-num').text();
      $('.progress-num').text(g + '%');
    }, 40);
    
    window.onload=function(){
      var sources = [
        'images/page3-bg.jpg',
        'images/page3-bar.png',
        'images/page4-btn.png',
        'images/ercode.jpg'];
      var src = '';
      if(window.location.hash == ''){
        for(var i = 0; i < 60; i++){
          if(i<10){
            src = 'images/tinified/bg_0000'+ i +'.jpg';
          }else{
            src = 'images/tinified/bg_000'+ i +'.jpg';
          }
          sources.push(src);
        }
      }
      for(var i = 1; i < 19; i++){
        src = 'images/word2/'+ i +'.png';
        sources.push(src);
      }
      console.log(sources.length)
      loadImages(sources);
    };
    function loadImages(sources, callback){
      var count = 0,  
        images ={},  
        i = 0;   
        for(i; i < sources.length; i++){  
          images[i] = new Image();
          images[i].onload = function(){  
              if(++count >= sources.length){  
                  // callback && callback(images);  
              }  
          }  
          images[i].src = sources[i]; 
        } 
    }
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值