用JavaScript做一个简易的轮播图

最新推荐文章于 2024-03-29 08:09:33 发布

qq_43717970

最新推荐文章于 2024-03-29 08:09:33 发布

阅读量375

点赞数

分类专栏： JavaScript入门笔记文章标签： javascript css html5

本文链接：https://blog.csdn.net/qq_43717970/article/details/115271151

版权

JavaScript入门笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<head>
    <title>简易轮播图</title>
</head>
<body>
   <img src="img/banner1.jpg" width="100%" height="500px" id="img">

   <script>
        var num=1;
       function fun(){
           if(num>3){
               num=1;
           }
            var img=document.getElementById("img");
            img.src="img/banner"+num+".jpg";
            ++num;
       }
    //    按照指定的周期（以毫秒计）来调用函数或计算表达式。
       setInterval(fun,3000);
   </script>
</body>
</html>