HTML 幻燈片是現代網站上廣泛使用的視覺效果。然而,幻燈片的自動時間設置非常重要,以確保圖像的順序和持續時間與網站內容的呈現相結合。在本文中,我們將介紹如何使用 HTML 控制幻燈片自動循環的時間。
首先,我們需要使用 HTML 中的
標簽來定義我們的代碼段。我們將使用 JavaScript 代碼來控制幻燈片時間:function slideShow() { var slides = document.querySelectorAll('.slide'); var currentSlide = 0; var slideInterval = setInterval(nextSlide,5000); function nextSlide() { slides[currentSlide].className = 'slide'; currentSlide = (currentSlide+1)%slides.length; slides[currentSlide].className = 'slide showing'; } } window.onload = slideShow;這是一個簡單的 JavaScript 函數,可以按照我們所需的時間自動切換幻燈片中的圖片。我們將這個函數放在