5个h3标签 使用js按照顺序改变颜色 颜色改为红色 改变后上一个标签恢复默认 一秒改变一次 重复执行 完整代码 vscode 上 带注释

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

<script>
	// 获取所有h3标签
	let h3List = document.getElementsByTagName("h3");
	// 初始化当前标签索引
	let currentIndex = 0;

	// 定义颜色改变函数
	function changeColor() {
		// 获取当前标签
		let currentH3 = h3List[currentIndex];
		// 改变当前标签颜色为红色
		currentH3.style.color = "red";
		// 如果当前标签不是第一个标签，则将上一个标签颜色恢复默认
		if (currentIndex > 0) {
			let previousH3 = h3List[currentIndex - 1];
			previousH3.style.color = "";
		}
		// 更新当前标签索引
		currentIndex = (currentIndex + 1) % h3List.length;
	}

	// 每隔一秒执行一次颜色改变函数
	setInterval(changeColor, 1000);
</script>