嘗試每5秒按類更改div jQuery

Question

早上好，

我正在嘗試創建一個類數組，間隔為5秒，我想添加和刪除替換當前div的類。 這是針對輪播，此時我當前正在更改背景圖像。 我現在想以相同的方式替換我的描述性文字。 有人可以幫忙嗎？

我當時想檢查當前背景的if語句可以工作。 我如何收到此錯誤：“意外令牌{”

$(document).ready(function(){

/* H E A D E R   C A R O S U E L */

    $(function() {
        var headCarosuel = $(".headCarosuel");
        var backgrounds = new Array(
        "url('./img/backgroundVinny1.jpg')","url('./img/backgroundVinny2.jpg')"
        );
        var current = 0;
        function nextBackground() {
        $(".headCarosuel").css("background", backgrounds[current = ++current % backgrounds.length]);
        setTimeout(nextBackground, 5000);
        }
        setTimeout(nextBackground, 5000);
        $(".headCarosuel").css("background", backgrounds[0]);

    if(backgrounds = $("url('./img/backgroundVinny1.jpg')").css() {
        $('.headCarosuelText').removeClass('description2').addClass('description1');
    }
    else {
        $('.headCarosuelText').removeClass('description1').addClass('description2');
    }

    });
});

Answer 1

要每5秒在javascript中執行某項操作，可以使用setInterval，例如：

setInterval(function(){
  //your code
,5000);

這將每5000ms或5s運行一次代碼。

Answer 2

也許是這樣的：

var classes = [
  'class1',
  'class2',
  'class3',
  'class4',
  'class5'
]

var classIndex = 0;

function loopClasses() {
  var currentClass = classes[classIndex];

  // loop through classes and remove from element
  for (var i = 0; i < classes.length; i++) {
    $('.element').removeClass(classes[i]);
  }

  // add current class to element
  $('.element').addClass(currentClass);

  // advance or reset loop counter
  classIndex = (classIndex + 1) % classes.length

}

setInterval(loopClasses, 5000);