私は設定されたタイムアウト変数を持つループを持っています。カウントダウンしているときにローディングアイコンを作成するにはどうすればいいですか?回転を止める(または単に表示する)コードが少しあります。私はjqueryの回転がトリックを行うかもしれないと思っていたが、プラグインを熱望していなかった。Javascript - SetTimeoutにアイコンをロード
1
A
答えて
0
これはプラグインなしで動作する可能性がありますが、読み込み中の画像の表示を開始する時点から読み込み中の画像の表示を停止したい時点までの処理時間を知っていることを前提としています。もちろん
var countdown = 5000; // your countdown in milliseconds
setTimeout(function() {
// hide your loading image after "countdown" milliseconds
document.getElementById("loading-image").setAttribute("style","display:none");
}, countdown);
// show your loading image
document.getElementById("loading-image").setAttribute("style","display:block");
<img style="display:none" src="/loading.gif" id="loading-image" alt="Loading..." />
あなたがロードイメージは、いくつかの他のイベントに基づいて停止したい場合、あなたは単に使用して、特定のコールバックメソッドで画像を非表示にすることができます:今、あなたはこの答えを持っていることを
document.getElementById("loading-image").setAttribute("style","display:none");
を私はプラグインに対するあなたの立場を再訪することをお勧めします。どの分野の最高のエンジニアも、その前にあるプラットフォームの上に構築されています。あなたが巨人の肩に立つとき、あなたは非常に素早く達成できることがたくさんあります。
1
http://fgnass.github.com/spin.js/ JavaScriptを少しでも気にしないのであれば、かなりうまくいくようです。もう一つの可能性は、あなたが手動で表示/非表示にするGIFです。これはhttp://ajaxload.info/のようなもので生成できます。
1
function imgload(){
setTimeout(function(){$('#response').html('<img src="imagse/load.gif">'); },2000);
}
the load image rotates for 2 seconds..
関連する問題
- 1. XMLからGoogle Mapsにロード中のJavascript setTimeout
- 2. Javascript settimeout + callback
- 3. javascript約束setTimeout
- 4. javascript setTimeoutエラー
- 5. JavaScriptのカウントダウンsettimeout
- 6. Javascript - setTimeout function
- 7. Javascript while setTimeout
- 8. SetTimeout再帰(Javascript)
- 9. javascript anonymous setTimeout function
- 10. setTimeout問題Javascript
- 11. MultiFrameアイコンをロード
- 12. setTimeoutとJavaScriptの "this"
- 13. JavaScript setInterval()とsetTimeout()フリーズブラウザ
- 14. javascriptのボタンクリップのsetTimeOut
- 15. Javascript setTimeout function with JQuery
- 16. JavaScript setTimeout(入力ベース)
- 17. javascriptのスリープ - no setTimeout
- 18. Javascriptを:のsetTimeout問題
- 19. Javascript setTimeout入力を無効にする
- 20. のJavascriptのforEach - のsetTimeoutは
- 21. aureliaのjavascript settimeout関数
- 22. JavaScript setTimeoutメモリの問題
- 23. javascriptスライダーsettimeoutの問題
- 24. Simonゲーム、Javascriptのsettimeoutとアニメーション
- 25. 印刷するjavascriptのsetTimeout
- 26. のJavascriptのsetTimeoutはここ
- 27. javascript要素body.onclickアタッチイベントsetTimeout
- 28. Javascript setTimeout issue for w/forループ
- 29. アイコン/プログレスバーをロードする
- 30. JavaScriptはsettimeout中に何かします
スウェット。ありがとう。私は信じられない、私はGoogleでこれを見つけることができませんでした。あなたがそれを読むときは非常に簡単です。 – Wayneio
あなたは 'jQuery'を使用しているので、css属性を設定する代わりに' $( '#loading-image')。hide() 'と' $( '#loading-image')。show() 。 – Nikhil