我试图让 div 每 4 秒弹跳一次,并在 15 秒后淡出。下面的代码使 div 消失并且不会发生弹跳。
$(document).ready(function(){
function salta() {
$('.recomenda').effect("bounce",{ times:4 },300);
}
setInterval(salta, 4000);
$('.recomenda').delay(15000).fadeout('slow');
});
这不是工作,你能给我任何提示吗?
亲切的问候。
在 Matt 的帮助下,我想出了如何去做:
function salta() {
$('.recomenda').effect("bounce",{ times:4 },300);
}
var interval = setInterval(salta, 3500);
setTimeout(function (){
clearInterval(interval);
$('.recomenda').fadeOut('slow');
}, 15000);
最佳答案
编辑 - 最终版本
$(document).ready(function ()
{
var $recomenda = $('.recomenda');
function salta()
{
$recomenda.effect('bounce', {times:4}, 300);
}
salta();
var interval = setInterval(salta, 4000);
setTimeout(function ()
{
// stop the interval from running unnecessarily
clearInterval(interval);
$recomenda.fadeOut('slow');
}, 15000);
});
还有另外两个问题:
fadeout()
而不是fadeOut()
- 使用
.delay()
会干扰反弹效果
关于javascript - 设置间隔和延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5952584/