JavaScript 简单轮播图、使用定时器方法

最新推荐文章于 2023-05-18 20:23:20 发布

_七七

最新推荐文章于 2023-05-18 20:23:20 发布

阅读量954

点赞数 2

文章标签： javascript js

本文链接：https://blog.csdn.net/qq_43472877/article/details/105578947

版权

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

    <img src="../img/1.jpg" width="30%" id="img1">

    <script>

        //修改图片属性的方法
        var number = 1;
        
        function fun() {
            number++;
            if (number>2){
                number=1;
            }
            //获取图片对象
            var img = document.getElementById("img1");
            img.src = "../img/"+number+".jpg";
        }

        //设置定时器
        setInterval(fun,3000);

    </script>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_七七

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 简单轮播图、使用定时器方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title></head><body> <img src="../img/1.jpg" width="30%" id=...
复制链接

扫一扫