js 每隔1秒钟切换一张图片

lcxdawn

于 2022-11-02 19:35:12 发布

阅读量639

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/lcxdawn/article/details/127657412

本文介绍了一个简单的图片轮播实现方案，使用JavaScript通过设定定时器自动切换图片，适用于初学者了解基本的网页动态效果制作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要把图片名字统一成1，2，3，4

<div>
        <img src="./image/1.jpg" alt="" width="600" height="400">
    </div>
   <script>
         //1.定义变量：和图片名称对应
         var num = 1
         function changeimg(){
            //获取img
            let image = document.querySelector('img')
            image.src = './image/'+num+'.jpg'
            num++
            if (num>4){
                num = 1
            }
         }
         //3.创建定时器
         setInterval(changeimg,1000)
   </script>