在jQuery / JavaScript回调中发生了未知的延迟

时间:2016-01-15 01:38:54

标签: javascript jquery scroll

我在一些JavaScript回调中遇到了奇怪的延迟。我已经尝试了几种不同的方式,我得到了大约30秒的延迟。我正在寻找一些意见。

#p>方式#1:

$(document).ready(function() {  
$('html, body').animate({  
    scrollTop: $("#bottom").offset().top  
}, 60000, null, function() {  
    window.location = window.location;   
});

这是我刚刚复制并开始玩的一些代码。

我认为延迟很奇怪,但是我正在使用的代码中有些东西。

方式#2:

$.scrollTo($("#bottom"), {
   duration: 60000, 
   onAfter:function(){     
       window.location = window.location;  
   }
});

这是来自ariel flesler scrollto插件的代码。

#p>方式#3:

$("#bottom").ScrollTo({
    duration: 60000,
    callback: function(){
        window.location = window.location;
    }
});

这使用另一个基于jQuery的滚动库。

不幸的是,在所有这些中,延迟大约30秒左右。我尝试了其他一些方法,也没有成功。我想要的是从屏幕的顶部滚动到底部,延迟大约10秒,然后重新加载页面。无论如何要实现这个目标吗?

1 个答案:

答案 0 :(得分:2)

$(document).ready(function() {  
    $('html, body').animate({  
        scrollTop: $(document).height()  
    }, 5000, function() {  
        setTimeout(function(){
            window.location = window.location;
        }, 10000);            
    });  
});

5000是滚动到页面底部所需的时间。

10000是它在达到刷新后等待的时间。

请记住这些是以毫秒为单位。所以这分别是5秒和10秒。