JavaScript - 使用 CSS 类和 setInterval 方法更改背景

Question

我对 JavaScript 还很陌生，我想制作一个自动背景更换器，具有定时间隔和 CSS 类更改。目前我的代码没有按预期循环两个背景。你们能检查一下它有什么问题吗？

谢谢!

$(document).ready(function() {

  var switcher = 0;

  var counter = setInterval(count, 2000);

  function count() {
    switcher = switcher + 1;
    if (switcher >= 2) {
      switcher = 0;
      return;
    };
  };


  switch (switcher) {

    case 0:
      $("#main-content").removeClass("background1");
      $("#main-content").addClass("background3");
      break;

    case 1:
      $("#main-content").removeClass("background3");
      $("#main-content").addClass("background1");
      break;


  };
});

Answer 1

你为什么不使用toggleClass , 它更干净:

$(function () {
    var switcher = 0;
    var counter = setInterval(count, 2000);

    function count() {
        $("#main-content").toggleClass("background1 background3")
    };
});

只需确保为 div 分配默认类:

<div id="main-content" class="background1">

</div>