jQuery - 有关于 Animate 的问题

Question

我正在创建自己的网站，但我遇到了有关 jQuery 的问题。下面我写了我的 jQuery 代码，它工作正常。

当页面加载 text1，text2 和列表显示在页面上。 6 秒后，它们淡出。

现在，我希望在第一组淡出后显示一组新文本，然后我希望第二组淡出并再次显示第一组。我的意思是，某种循环。我是 jQuery 的新手，所以我想不通。 如果你们能帮助我，我会很高兴。谢谢。

//jQuery
$( "#text1" ).load( "index.html", function() {
$("#text1").animate({right: 'toggle'}, 550).delay(6000).fadeOut();
});
$( "#text2" ).load( "index.html", function() {
$("#text2").animate({left: 'toggle'}, 550).delay(6000).fadeOut();
});
$( "#list" ).load( "index.html", function() {
$("#list").animate({right: 'toggle'}, 550).delay(6000).fadeOut();
});

好的，我尝试了这样的 setInterval()；

setInterval(function(){
$( "#basvuruyap" ).load( "index.html", function() {
$("#basvuruyap").fadeIn(870);
});
$( "#text1" ).load( "index.html", function() {
$("#text1").animate({right: 'toggle'}, 550).delay(6000).fadeOut();
});
$( "#text2" ).load( "index.html", function() {
$("#text2").animate({left: 'toggle'}, 550).delay(6000).fadeOut();
});
$( "#list" ).load( "index.html", function() {
$("#list").animate({right: 'toggle'}, 550).delay(6000).fadeOut();
});
});

一旦这个组淡出，他们会立即重复他们的动画，我试着用这样的 delay() 来延迟它（没用）：

setInterval(function(){}).delay();

然后我像这样尝试（也不行）：

setInterval(function(){}, 3000);

我需要一些想法来解决这个问题。我要做的就是更改文本/背景并不断进行并有序（不是滑块）。如果允许，我可以在此处发送包含我正在谈论的动画的网站的链接。 顺便说一句，我还有一个问题要问。我总是用“”来编码。是有问题还是没关系？

Answer 1

嗯，我不能写一个完整的答案，因为你正在学习它，但这是你需要的：

http://api.jquery.com/animated-selector/

$(":animated").promise().done(function() {
    //Code here will be executed when all other animations are done
});

---

setInterval()

setInterval() 方法以指定的时间间隔（以毫秒为单位）调用函数或计算表达式。

---

所以您只需要使用 setInterval 调用一个函数，等待其他动画完成，然后执行此工作。这很容易。