如何使用 jQuery 在特定時間間隔顯示和隱藏 Div？

使用jQuery 以預先定義的時間間隔顯示和隱藏Div

在Web 開發中，在特定位置動態顯示或隱藏元素是一種常見的做法時間間隔。 jQuery 是一個強大的 JavaScript 函式庫，提供了一系列方法，包括 setInterval 來促進此類任務。

問題

為了展示如何實現此功能，讓我們考慮一個我們需要按順序揭開一系列div 的場景，它們之間有10 秒的間隔。

解決方案

實現此目的的理想方法是利用 JavaScript setInterval 函數。我們將啟動一個計數器來追蹤顯示的 div 並實現以下邏輯：

• 設定一個計時器，每 10 秒執行一次 showDiv 函數。
• 在 showDiv 內函數，檢查計數器值以確保它不是在初始執行時。
• 如果計數器不是在第一次迭代，則隱藏所有 div 和顯示與目前計數器對應的那個。
• 增加計數器，如果到達最後一個 div，則將其重設為零。

透過採用此方法，我們可以顯示每個div 以 10 秒為間隔，如下面連結的工作範例所示。

工作範例此處- 將/edit加入URL以使用程式碼

提供的程式碼利用setInterval函數定期觸發片段利用setInterval函數定期觸發div的顯示。以下是程式碼的細分：

請記住，有效實現此功能的關鍵在於理解 setInterval 函數的作用以及以預定義的時間間隔顯示和隱藏 div 的隨附邏輯。請隨意探索提供的工作範例，以進一步增強您對此技術的理解。

以上是如何使用 jQuery 在特定時間間隔顯示和隱藏 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！