Javascript jQuery显示div 2秒钟，然后在循环中隐藏4秒钟

如何在无限循环中显示div 2秒钟，然后隐藏它4秒钟？我使用jQuery的

animate（）

函数，因为我也想使用CSS转换

function animatedText() {
    setTimeout(function() {
        $('.text').animate({ opacity: 1 }, 200, function() {
            setTimeout(function() { 
                $('.text').animate({ opacity: 0 }, 200);
            }, 1800);
        });
    }, 3800);
}
setInterval(animatedText(), 6000);

---

这是我的小提琴：

我希望这对你有帮助。请检查下面的代码

函数animatedText（）{
$（'.text'）.animate（{opacity:1}，200，function（）{
setTimeout（函数（）{
$（'.text'）.animate（{opacity:0}，200）；
}, 2000);
});
setTimeout（函数（）{
动画文本（）；
},6000);
}
动画文本（）

动画文本
您的
设置间隔
不会运行任何内容，因为调用
动画文本
不会返回任何内容。如果应每6秒调用一次
animatedText
，则需要编写
setInterval（animatedText，6000）
。您应该使用jQuery的
delay
功能和动画的finish回调，而不是使用间隔和超时。非常感谢。非常感谢。这几乎就是我需要的。问题是，只要我调用函数，它就会显示div。我的意思是它不需要等待4秒钟，但我想我可以在窗口加载时调用setTimeout函数中的函数。对吗？你能给我看看你的代码吗，这样我就能更好地帮助你。我的意思是：在函数内部有更好的方法吗？只要函数被调用，代码就会显示div。我认为这是实现这一点的唯一方法。因为您的需求在4秒后显示，而不是停留2秒，这将是无限的。