js轮播图

最新推荐文章于 2024-04-08 18:28:22 发布

哔哩哔哩 - ( ゜- ゜)つロ乾杯

最新推荐文章于 2024-04-08 18:28:22 发布

阅读量91

点赞数 2

分类专栏：笔记文章标签： js html

本文链接：https://blog.csdn.net/drankness/article/details/117698177

版权

JavaScript 轮播图定时器字符串拼接前端开发

关键词由CSDN通过智能技术生成

笔记专栏收录该内容

44 篇文章 1 订阅

订阅专栏

轮播图是通过window对象下的定时器方法实现的,通过更改项目图片的路径来实现,
这里面应用了字符串的拼接
代码展示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <script>
        var i =0;
        function fun(){
            i++;
            var img = document.getElementById("img");
            img.src="../images/0"+i%3+".png";
            alert("../images/0"+i%3+".png");
        }
        //定时器
        setInterval(fun,2000);
    </script>
</head>
<body>
    <img id="img" src="../images/01.png" width=" 100%">
</body>
</html>