頁面加載時JavaScript/jQuery加載欄？

http://i.stack.imgur.com/xHynz.png 頁面加載時JavaScript/jQuery加載欄？

YouTube如何做到這一點？我假設它是用JavaScript編寫的，我如何將這個特性/功能添加到我的項目中，以便訪問者和/或用戶知道它正在加載內容以及需要多長時間？

如果您不瞭解圖片中發生了什麼，它會在加載新頁面的內容時加載紅色條，並在完成時進行並消失。

謝謝。

2014-01-26 user3093095

我不知道YoutTube是如何做到這一點的，但我希望''中的某些內聯javascript可以讓你顯示一些內容，當文檔完成事件被解僱時，你可以隱藏它。另外，我認爲HTML流可以使這項工作更好，因爲它可以讓您的JS在文檔的其餘部分之前進入瀏覽器。只是一些想法。 – bluefeet

你可以使用http://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/ – tgpatel

Sublime Package Control（https://sublime.wbond.net/ ）也這樣做，你可以在GitHub上找到所有的源代碼：https：//github.com/wbond/sublime.wbond.net。具體請參閱概述以瞭解如何完成加載。我認爲YouTube會採取類似的方式。 –

我並不是真的很想將人們反彈到圖書館尋找答案，但是我發現一個really neat jQuery Plugin完全符合您的要求。純粹的JavaScript（當然，減去jQuery的依賴），但是如果你真的想要的話，你可以逆向設計一個純粹的版本。

希望有幫助！

來源

2014-01-30 23:20:17

頁面加載時JavaScript/jQuery加載欄？

回答

相關問題