做一個簡易的圖片切換代碼

做一個簡易的圖片切換代碼

網上大佬些的代碼我感覺還是對於我這種新手太難了,光看佈局就看了好久,我這就寫了個自己做的超級簡單的純js代碼

script type=“text/javascript”>

    var i =1;
    var zichun;
    function qie(number) {
        if(number==1){i--;}
        if(i<1){i=5;}
        if(number==2){i++;}
        if(i>5){i=1;}
        document.getElementById('bbb').src=("ima/"+i+".JPG");
        if(i==1){zichun="第一張圖片"}
        if(i==2){zichun="第二張圖片"}
        if(i==3){zichun="第三張圖片"}
        if(i==4){zichun="第四張圖片"}
        if(i==5){zichun="第五張圖片"}
        document.getElementById('wenzi').innerHTML=zichun;
    }
    setInterval(zhidong,5000);
    function zhidong() {
        i++;
        if(i==6){i=1;}
        document.getElementById('bbb').src=("ima/"+i+".JPG");
        if(i==1){zichun="第一張圖片"}
        if(i==2){zichun="第二張圖片"}
        if(i==3){zichun="第三張圖片"}
        if(i==4){zichun="第四張圖片"}
        if(i==5){zichun="第五張圖片"}
        document.getElementById('wenzi').innerHTML=zichun;
    }

可以實現圖片的自動切換和點擊切換

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章