在网页上循环显示 DOM 元素

Question

我正在做一个登陆页面。 我有 3 个文章元素，每个元素都有属性“display: none”和 class 'art'。 我想在遍历它们时显示它们中的每一个。 它们应该连续出现：前面的必须在每次迭代中消失，这就是我在下面的代码中使用var j的原因。 但是JS代码在整个循环过程完成后显示它们。 如何处理？ 这里： https://codepen.io/user_jacob/pen/oNjqWGg 。 目前，我正在这样做（这是行不通的）：

function makeAppear() {
  var j = list.length-1;
  for (var i = 0; i < list.length; i++) {
    list[i].style.setProperty('display', 'block');
    list[j-1].style.setProperty('display', 'none');
  }
}

Answer 1

在 set interval don put ()中只写 function 名称。 对于循环创建一个全局索引，然后首先隐藏所有索引，然后显示索引一个。

let j=0;
function makeAppear() {
  for (var i = 0; i < list.length; i++) {
    list[i].style.setProperty('display', 'none');
  }
   list[j].style.setProperty('display', 'block'); 
   if(j<2){ j++;}
   else {j=0}
}

setInterval(makeAppear, 2000);