设置最小时间和超时时间
Set minimum time and timeout
我有加载动画显示,而网页是在后台加载。一旦加载完成,它就消失了。
我想…1. 动画至少要持续1秒。2. 一旦1秒的最小值已经过期,动画将在页面加载后自然删除。3.为了避免出现故障的可能性(以及观看无休止的动画循环),我希望动画在加载时间超过5秒时超时。
这是我目前为止所做的…
$(window).load(function()
{
$('#followingBallsG').hide();
$('#backgroundcolor').hide();
});
如果你能提供任何帮助,我将不胜感激。谢谢。 没有内置的jQuery特性。您需要为此写出逻辑。这是一个简单的实现,没有竞争条件。
(function(){
var didDone = false;
function done() {
//Prevent multiple done calls.
if(!didDone)
{
didDone = true;
//Loading completion functionality here.
$('#followingBallsG').hide();
$('#backgroundcolor').hide();
}
}
//Variables to keep track of state.
var loaded = false;
var minDone = false;
//The minimum timeout.
setTimeout(function(){
mindone = true;
//If loaded, fire the done callback.
if(loaded)
{
done();
}
}, 1000);
//The maximum timeout.
setTimeout(function(){
//Max timeout fire done.
done();
}, 5000);
//Bind the load listener.
$(window).load(function(){
loaded = true;
//If minimum timeout done, fire the done callback.
if(minDone)
{
done();
}
});
})();
我将其包装在一个立即调用的函数表达式中,并假设$(window).load
是您正在侦听的事件。如果这不是期望的效果,应该可以很容易地将其调整到另一个事件或在另一个时间运行。
相关文章:
- 如何设置$.ajax请求的超时,并在超时时间过长时进行重做
- jasmine 2-在jasmine指定的超时时间内未调用异步回调.DEFAULT_TIMEOUT_INTERVAL
- set超时,超时时间较短,超时时间较长
- 设置函数的超时时间
- 在警报框上设置超时时间
- 设置最小时间和超时时间
- 摩卡,超过2000ms的超时时间.确保在这个测试中调用了done()回调
- 设置屏保超时时间
- For循环在超时时间内具有动态数字
- 反复调用一个函数,直到它的承诺被解决,或者直到设置的超时时间过去
- 设置加载apache的超时时间
- 我无法在Selenium独立上编辑超时时间
- 在Node.js中设置HTTP超时时间
- 当XMLHttpRequest处于“pending”状态时;状态(在Chrome中)是否将该时间计入它的超时时间
- 如何设置浏览器创建的桌面通知的关闭超时时间?
- 在Div背景中加载图像时设置超时时间
- 设置ondrop函数的超时时间
- Jquery在弹出窗口设置超时时间
- 设置超时时间打开2个窗口
- 使用catch in promise进行断言超过超时时间