欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中圖片緩沖loading技術(shù)的實(shí)例代碼

 更新時(shí)間:2013年08月29日 15:38:46   作者:  
這篇文章介紹了JS中圖片緩沖loading技術(shù)的實(shí)例代碼,有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:

var Imgvalue;
var Count =13;   //圖片數(shù)量
var Imgs = new Array(Count);
var ImgLoaded =0;
//預(yù)加載圖片
function preLoadImgs()
{
alert('圖片加載中請(qǐng)稍等......');
for(var i=0;i<Imgs.length;i++){
Imgs[i]=new Image();
downloadImage(i);
}
}
//加載單個(gè)圖片
function downloadImage(i)
{
    var imageIndex = i+1; //圖片以1開始
    Imgs[i].src = "images/"+imageIndex+".jpg";
    Imgs[i].onLoad=validateImages(i);
}
//驗(yàn)證是否成功加載完成,如不成功則重新加載
function validateImages(i){
if (!Imgs[i].complete)
    {
     window.setTimeout('downloadImage('+i+')',200);    
    }
else if (typeof Imgs[i].naturalWidth != "undefined" && Imgs[i].naturalWidth == 0)
    {
    window.setTimeout('downloadImage('+i+')',200);
    }
    else 
    {
        ImgLoaded++
        if(ImgLoaded == Count)
        {
            document.getElementById('BtnStart').disabled=false;
            document.getElementById('BtnStop').disabled=false;
            alert('圖片加載完畢!');
        }
    }
}
//開始
function RandStart()
{
    Init = setInterval('SetRand()',50);    
}
//隨機(jī)顯示
function SetRand()
{
    imageIndex = Math.floor(Math.random()*Count);
    document.getElementById("ImgView").src = Imgs[imageIndex].src;
}
//結(jié)束
function RandStop()
{
    window.clearInterval(Init);
}

相關(guān)文章

  • JavaScript登錄記住密碼操作(超簡單代碼)

    JavaScript登錄記住密碼操作(超簡單代碼)

    本文給大家分享一段簡單的js代碼實(shí)現(xiàn)用戶登錄記住密碼操作,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
    2017-03-03
  • 利用JavaScript實(shí)現(xiàn)簡單全選和全不選的思路和方法

    利用JavaScript實(shí)現(xiàn)簡單全選和全不選的思路和方法

    最近開始練習(xí)js的基本操作,常常因?yàn)橐恍┬∈韬鰧?dǎo)致頁面效果無法實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)簡單全選和不全選的思路和方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • JavaScript 正則命名分組【推薦】

    JavaScript 正則命名分組【推薦】

    以往我們只是習(xí)慣于通過數(shù)組下標(biāo)來訪問正則匹配到的分組,但分組達(dá)到4、5個(gè)時(shí),標(biāo)識(shí)起來就會(huì)非常麻煩。V8早已實(shí)現(xiàn)了正則命名分組提案,只是我們很少使用,本文將介紹JS的正則命名分組
    2018-06-06
  • 用js生產(chǎn)批量批處理執(zhí)行命令

    用js生產(chǎn)批量批處理執(zhí)行命令

    因?yàn)閺膭e的地方弄到了100個(gè)廣告代碼,但因?yàn)樗睦锩婕尤肓撕芏鄸|西,所以需要批量刪除一個(gè)文件夾和加入我的網(wǎng)站的快捷方式
    2008-07-07
  • 微信小程序如何獲取地址

    微信小程序如何獲取地址

    這篇文章主要介紹了微信小程序獲取地址的具體方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • 詳解JavaScript的另類寫法

    詳解JavaScript的另類寫法

    這篇文章主要介紹了詳解JavaScript的另類寫法的相關(guān)資料,需要的朋友可以參考下
    2016-04-04
  • 用JS剩余字?jǐn)?shù)計(jì)算的代碼

    用JS剩余字?jǐn)?shù)計(jì)算的代碼

    函數(shù)中首先給maxChars變量指定了值(輸入?yún)^(qū)內(nèi)最多可用的字符數(shù),注意,該變量是個(gè)可用于計(jì)算的數(shù)值)
    2008-07-07
  • JavaScript判斷用戶名和密碼不能為空的實(shí)現(xiàn)代碼

    JavaScript判斷用戶名和密碼不能為空的實(shí)現(xiàn)代碼

    下面小編就為大家?guī)硪黄狫avaScript判斷用戶名和密碼不能為空的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧
    2016-05-05
  • javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子

    javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子

    這篇文章介紹了javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子,有需要的朋友可以參考一下
    2013-09-09
  • 微信小程序?qū)崿F(xiàn)日歷效果

    微信小程序?qū)崿F(xiàn)日歷效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日歷效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-12-12

最新評(píng)論