2014-09-25 39 views
0

我想添加一個進度條,顯示在重定向前的「準備下一頁」的百分比。PHP檢查加載時間後subminision

我得到了進度條動畫,但現在我需要知道它在重定向之前需要多長時間的估計。

演示:http://jsfiddle.net/xyatddy0/1/

的Jquery:

$(document).ready(function() { 
    $('a').click(function() { 
     $('#pb div').stop(true).animate({ width: $(this).attr('class') + '%'}, 
             { step: function(now) { $(this).text(Math.round(now) + '%');}, 
      duration: 1000 
     }); 
    }); 
}); 

HTML:

<div class="progressbar" id="pb"><div>0%</div></div> 
<a href="#" class="0">Set 0%</a> 
<a href="#" class="20">Set 20%</a> 
<a href="#" class="40">Set 40%</a> 
<a href="#" class="100">Set 100%</a> 

有點像這樣:http://jquery.malsup.com/form/progress.html但對於一個頁面重定向

所有幫助表示讚賞!

回答

0

您正在查找的值取決於您的控制之外的外部因素,因此您無法完成您陳述的目標。這就是互聯網的工作方式 - 不同的人將根據到服務器的路線有不同的加載時間,並且這些路由實時改變,每天每秒都基於路由器確定的最佳時間。各種其他因素也會發揮作用(例如,您是否從第三方服務器加載內容 - 這是您無法控制的另一個變量,等等)

+0

我明白您的意思了。所以用戶最友好的方式讓用戶知道發生了什麼是顯示一個旋轉條或類似的東西 – BragDeal 2014-09-25 03:59:14

+0

是的 - 一個顯示進度正在進行的指標是一樣好,你可以得到;一旦你的代碼顯示頁面加載完成,你就會消失。你無法顯示估計剩下多少時間。 – David 2014-09-25 04:00:47