Question

基本上我在我的网站上用Jquery制作了一个小幻灯片（不知道还有什么叫它）我想让它继续循环播放动画直到用户离开页面？这是我的Jquery代码

var t2 = setTimeout(function(){
$("#wantawebsite").delay(500).fadeIn(1000).delay(9500).fadeOut(1000);

$("#dontwanttopay").delay(1500).slideDown(1000).delay(8500).fadeOut(1000);

$("#thisistheplace").delay(3000).fadeIn(1000).delay(7000).fadeOut(1000);

$("#slideshowmonitor").delay(3300).fadeIn(1000).delay(6700).fadeOut(1000);

$( "#span1" ).delay(700).effect( "bounce", "slow" );

$( "#span2" ).delay(2300).effect( "bounce", "slow" );

$(".order").delay(2800).fadeIn(1000).delay(7200).fadeOut(1000);


}, 500);
var t3 = setTimeout(function(){
$("#werehiring").delay(500).fadeIn(1000).delay(9500).fadeOut(1000);

$("#applicationtext").delay(1500).slideDown(1000).delay(8500).fadeOut(1000);

$(".contactbutton").delay(3000).fadeIn(1000).delay(7000).fadeOut(1000);

$("#imageslide2").delay(3500).fadeIn(1000).delay(6500).fadeOut(1000);

  $(".contact").delay(2800).fadeIn(1000).delay(7300).fadeOut(1000);
}, 12500);

我到底该怎么做？由于制作无限循环只会让浏览器崩溃。

Answer 1

您应该将动画作为回调链运行，例如

$('#book').fadeIn(1000, function() {
   // next animation
});

在用户离开页面之前继续循环？

1 个答案: