This question already has answers here:
What is the difference between a function call and function reference?
(6个答案)
2年前关闭。
如何显示2秒钟的div,然后在无限循环中将其隐藏4秒钟?我使用jQuery的
这是我的小提琴:https://jsfiddle.net/od6gm8t3/
(6个答案)
2年前关闭。
如何显示2秒钟的div,然后在无限循环中将其隐藏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);
这是我的小提琴:https://jsfiddle.net/od6gm8t3/
最佳答案
我希望这能帮到您。请检查以下代码。
function animatedText() {
$('.text').animate({ opacity: 1 }, 200, function() {
setTimeout(function() {
$('.text').animate({ opacity: 0 }, 200);
}, 2000);
});
setTimeout(function() {
animatedText();
},6000);
}
animatedText();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<i class="text">Animated Text</i>