做一个简易的图片切换代码

做一个简易的图片切换代码

网上大佬些的代码我感觉还是对于我这种新手太难了,光看布局就看了好久,我这就写了个自己做的超级简单的纯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;
    }

可以实现图片的自动切换和点击切换

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