javascript - 使用setInterval进行动画处理

请检查这段代码，我尝试了大部分事情来使这种提琴动起来。
我想添加一个move类，该类与margin-left: 25%设置动画。

https://jsfiddle.net/o00nu4w8/

最佳答案

问题是您尝试在添加类后立即删除该类，从而导致在执行此操作时动画不出现

setInterval(function() {
      lis[c].classList.add('move');
      c++;
      lis[c-1].classList.remove('move')
      if (c === lis.length) {
        c = 0;
      }
}, 3500)

但是，如果您这样做

setInterval(function() {
      if(lis[c-1]) lis[c-1].classList.remove('move')
      lis[c].classList.add('move');
      c++;
      if (c === lis.length) {
        c = 0;
      }
}, 3500)

它将等到下一个间隔删除“ move”类，让您看到它的动画效果

关于javascript - 使用setInterval进行动画处理，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47740300/