JavaScript_Windows_轮播图练习

最新推荐文章于 2023-05-28 13:36:57 发布

承北风

最新推荐文章于 2023-05-28 13:36:57 发布

阅读量107

点赞数

分类专栏：日常学习笔记文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_33755492/article/details/118070426

版权

日常学习同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

笔记

75 篇文章 0 订阅

订阅专栏

每隔5秒，自动切换图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<img src="../image/1.jpg" height="100%" width="100%" id="picture">;
<script>
    var flag=1;
    let elementById = document.getElementById("picture");
    function fun() {

        if (flag==1) {
            elementById.src = "../image/2.jpg";
            flag=2;
        }else if(flag==2) {
            elementById.src = "../image/130513021efc7293ff61e9212a9e805c.jpg";
            flag=3;
        }else {
            elementById.src = "../image/1.jpg";
            flag=1;
        }
    }
    setInterval(fun,5000);




</script>





</body>
</html>