javaScript实现轮播图

最新推荐文章于 2024-09-30 15:23:15 发布

天-方-夜-谭

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量70

点赞数 1

分类专栏： js HTML 前端文章标签：轮播图 JavaScript 定时器图片切换 HTML

本文链接：https://blog.csdn.net/jb18602754485/article/details/115311535

版权

js 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

HTML

5 篇文章 1 订阅

订阅专栏

前端

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
</head>
<body>
<img src="img/banner_1.jpg" width="100%" id="img">
<script>
    var num = 1;
    function f() {
        num++;
        if (num > 3) {
            num = 1;
        }
        var img = document.getElementById("img");
        img.src = "img/banner_" + num + ".jpg";
    }
    setInterval(f, 3000);
</script>
</body>
</html>