日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 >

JavaScript复习使用定时器的简易式诸葛大力轮播图

發布時間：2025/3/11 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JavaScript复习使用定时器的简易式诸葛大力轮播图 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

先上效果圖

很簡單的代碼

先創建個文件夾保存成果的照片，然后通過更改src來用定時器循環這些照片

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href=""><script src=""></script> </head><!-- setTimeout(方法或者代碼塊,時間ms); //在指定的毫秒數后調用函數或計算表達式 可返回一個idclearTimeout() clearTimeout() 方法可取消由 setTimeout() 方法設置的 timeout。 clearTimeout()方法的參數必須是由setTimeout()返回的ID值。setInterval(方法或者代碼塊,執行代碼的間隔);//方法可按照指定的周期（以毫秒計）來調用函數或計算表達式 可返回一個idclearInterval(id) clearInterval() 方法可取消由 setInterval() 設置的 interval。clearInterval() 方法的參數必須是由 setInterval() 返回的 ID 值--> <body><img src="img/1.jpeg" width="30%" id="imgs" style="margin-left: 35vw;"><script>var i=1;function f(){var imgs=document.getElementById("imgs");i++;if(i>4){i=1;}imgs.src="img/"+i+".jpeg";}setInterval(f,2000);</script></body></html>

主要是為了復習一下javascript和看一下成果。畢竟成果是大家的。

總結

以上是生活随笔為你收集整理的JavaScript复习使用定时器的简易式诸葛大力轮播图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。