问如何在jquery中创建类的数组，并以5秒的间隔在dispaly上添加和删除类切换div
EN

Stack Overflow用户

提问于 2018-02-22 15:11:20

回答 1查看 34关注 0票数 0

早上好,

我正在尝试创建一个类的数组，间隔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');
}

});

})；

jquery

回答 1

Stack Overflow用户

发布于 2018-02-23 00:23:45

有了你的信息和例子，我已经理解了以下代码。它每5秒改变一次背景图像和背景类。

$(document).ready(function(){
/* H E A D E R C A R O S U E L */
    var headCarosuel = $(".headCarosuel");
    var backgrounds = new Array(
    "url('https://dummyimage.com/200x100/000/fff&text=vinny1')","url('https://dummyimage.com/200x100/000/fff&text=vinny2')"
    );
    var classes = [ "description1", "description2" ];
    var current = 0;
    function nextBackground() {
      var prevIndex = current;
      current = (current + 1) % backgrounds.length;
      $(".headCarosuel").css("background", backgrounds[current]);
      $(".headCarosuel").removeClass(classes[prevIndex]).addClass(classes[current]);
      setTimeout(nextBackground, 5000);
    }
    nextBackground();
});

您可以在https://codepen.io/mtomas/pen/MQXPGE上测试它

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48921552

复制

相似问题

问如何在jquery中创建类的数组，并以5秒的间隔在dispaly上添加和删除类切换div
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jquery中创建类的数组，并以5秒的间隔在dispaly上添加和删除类切换divEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jquery中创建类的数组，并以5秒的间隔在dispaly上添加和删除类切换div
EN