javascript - 3 个元素之间自动切换

Question

我试图在 3 个不同的元素之间切换，但我使用的脚本仅在第一个元素之间切换，当第二个元素可见时，它同时被第三个元素覆盖。我应该如何编辑我的函数以在 3 之间切换？ JSFiddle在这里:https://jsfiddle.net/uktszzwp/

谢谢!

脚本:

<script type="text/javascript">
var continuous = function() {
    $("#citat1").fadeToggle(700);
    $("#citat2").fadeToggle(700);
    $("#citat3").fadeToggle(700);    
}

setInterval(continuous,4000);
 </script>

Answer 1

这是您可以做到的一种方法。我只是循环遍历数字 1、2 和 3，然后 fadeIn() 匹配的元素和 fadeOut() 其他两个元素:

n = 0;
var continuous = function() {
  n++;
  if (n > 3) n = 1;
  for (k = 1; k <= 3; k++) {
    if (k != n) {
      $("#citat" + k).fadeOut(700);
    } else {
      $("#citat" + k).fadeIn(700);
    }
  }
}

setInterval(continuous, 4000);