简单图片切换

qq_52000252

于 2021-03-08 11:58:13 发布

阅读量86

点赞数

分类专栏： Java前端

本文链接：https://blog.csdn.net/qq_52000252/article/details/114527036

版权

Java前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现简单的图片切换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload=function () {
         //获取图片id
            var img12=document.getElementById("img12");
            //创建数组，记录图片
            var allimg12=["b/1.png","b/3.png","b/4.png","b/5.jpg","b/6.jpg"];
            var i=0;
            //实现定时切换图片
            setInterval(function () {
               i++;
               if (i>=5){
                   i=0;
               }
               img12.src=allimg12[i];
            },1000);
        };
    </script>
</head>
<body>
<img id="img12" src="b/1.png"/>
</body>
</html>