无休止的循环jQuery？

Question

所以我试图让这个褪色的背景动画在网页上永远持续下去。我该怎么做？代码如下：

    $( document ).ready(function() {
    // Changing the background js code
    console.log('File Loaded! DELETE!!!');
    animate();
});
function animate() {
    window.setInterval(function(){    
    window.setTimeout(function(){
       $('.content').css('background-image','url(http://crondon.guko.co.uk/wp-content/uploads/2015/11/confetti.jpg)');$('.content').css('transition','background 1s linear');$('.content').css('-webkit-transition','background 1s linear');$('.content').css('-moz-transition','background 1s linear');$('.content').css('-o-transition','background 1s linear');
    },3000);
        $('.content').css('background-image','url(http://crondon.guko.co.uk/wp-content/uploads/2015/11/bride_groom_baronial_hall1.jpg)');$('.content').css('transition','background 1s linear');$('.content').css('-webkit-transition','background 1s linear');$('.content').css('-moz-transition','background 1s linear');$('.content').css('-o-transition','background 1s linear');
    },3000);
    animate();
    }

Answer 1

您不能在 setInterval 中使用 setTimeouts。我认为您正在寻找 setInterval 的功能。看看https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval。

一个基本示例（每 1000 毫秒或 1 秒重复一次）是：

setInterval(function() {
    // Code to repeat here
}, 1000);