js实现图片轮播

最新推荐文章于 2023-08-09 23:10:39 发布

mischen520

最新推荐文章于 2023-08-09 23:10:39 发布

阅读量622

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/miachen520/article/details/51850369

javascript 专栏收录该内容

72 篇文章

订阅专栏

js实现图片轮播

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>简单的图片轮播</title>
    <script>
        var crr=1;
        function changePic(){
            if(crr<6){
                crr++;
            }else{
                crr=1;
            }
            var imgObj=document.getElementById("myPic");
            imgObj.src=crr+".jpg";//获得6张图片
            setTimeout(changePic,2000);//延时2秒

        }
        window.onload=function(){
            setTimeout(changePic,2000);
        }
    </script>
</head>
<body>
  <div id="showPic">
    <img src="1.jpg" id="myPic" style="width:320px">
  </div>
<div id="ctrlPic">

</div>
</div>
</body>
</html>