使用setInterval设置三个元素实现循环

使用`setInterval`函数可以在JavaScript中创建一个定时器，周期性地执行一段代码。如果你想通过`setInterval`为三个元素实现循环，例如轮播图或动画切换，你可以按照以下步骤操作：

1. **定义元素**：首先，获取你要控制的三个元素，比如假设它们是HTML中的id分别为`element1`, `element2`, 和 `element3` 的DOM元素。

var element1 = document.getElementById('element1');
var element2 = document.getElementById('element2');
var element3 = document.getElementById('element3');

2. **初始化状态**：定义一个变量来表示当前显示的元素索引，初始值可以是0。

let currentIndex = 0;

3. **设置定时器**：在一个函数中，利用`setInterval`每间隔一段时间（如5秒），切换显示的元素，并更新定时器。

function switchElements() {
    // 隐藏当前元素
    element1.style.display = 'none';
    element2.style.display = 'none';
    element3.style.display = 'none';

    // 显示下一个元素
    currentIndex = (currentIndex + 1) % 3; // 循环处理索引
    let currentElement = currentIndex === 0 ? element3 : (currentIndex === 1 ? element1 : element2);
    currentElement.style.display = 'block'; // 展示新的元素

    // 再次安排下一次切换
    setTimeout(switchElements, 5000); // 设置5秒钟后再次触发
}

// 开始循环
switchElements();