Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从上到下俯冲,重复5次_Javascript_Jquery - Fatal编程技术网

Javascript 从上到下俯冲,重复5次

Javascript 从上到下俯冲,重复5次,javascript,jquery,Javascript,Jquery,我想从上到下放置动画div,重复5次, 在第一节中,一旦完成,上下下降,然后再次在第二节中上下下降,以此类推5次 var bodyHeight=$('#moving').height(); var footerOffsetTop=$('#moving').offset().top; var topToBottom=bodyHeight-footerOffsetTop-$(“#移动”).outerHeight(); $(“#移动”)。设置动画({ top:topToBottom, 延误:3000

我想从上到下放置动画div,重复5次, 在第一节中,一旦完成,上下下降,然后再次在第二节中上下下降,以此类推5次

var bodyHeight=$('#moving').height();
var footerOffsetTop=$('#moving').offset().top;
var topToBottom=bodyHeight-footerOffsetTop-$(“#移动”).outerHeight();
$(“#移动”)。设置动画({
top:topToBottom,
延误:3000,
}, 3000);

我想这就是你想要的?为要运行5次的
循环创建一个
,设置一个超时以便动画完成,然后执行代码

for(int count = 0; count < 5; count++) {
    setTimeout(function(){
        var bodyHeight = $('body').height();
        var footerOffsetTop = $('#moving').offset().top;
        var topToBottom = bodyHeight - footerOffsetTop - $('#moving').outerHeight();

        $("#moving").animate({
            top: topToBottom,
            delay: 3000,
        }, 3000);
    }, count*3000);
}
for(int count=0;count<5;count++){
setTimeout(函数(){
var bodyHeight=$('body').height();
var footerOffsetTop=$('#moving').offset().top;
var topToBottom=bodyHeight-footerOffsetTop-$(“#移动”).outerHeight();
$(“#移动”)。设置动画({
top:topToBottom,
延误:3000,
}, 3000);
},计数*3000);
}

您的代码片段不正确。它缺少HTML。您缺少代码的HTML部分。请将其添加到代码段中,以便您想将其向下放置五次,然后将其放回原位?第一次放置,然后将其放在顶部,第二次和第三次依次类推。。它不应该去Bakward抱歉,但你没有任何意义,请提供一些CSS和HTML。我已经提供了,它只是一个div标签…很简单,我不想摆动画。。。我想要的是第一次从上到下,然后第二次从上到下再开始,我和你有矛盾,明白吗。。如果您不想让div向下滑动,那么为什么要使用Aniamation?