Javascript - SetTimeoutにアイコンをロード

私は設定されたタイムアウト変数を持つループを持っています。カウントダウンしているときにローディングアイコンを作成するにはどうすればいいですか？回転を止める（または単に表示する）コードが少しあります。私はjqueryの回転がトリックを行うかもしれないと思っていたが、プラグインを熱望していなかった。Javascript - SetTimeoutにアイコンをロード

出典

2012-03-01 Wayneio

これはプラグインなしで動作する可能性がありますが、読み込み中の画像の表示を開始する時点から読み込み中の画像の表示を停止したい時点までの処理時間を知っていることを前提としています。もちろん

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");

を私はプラグインに対するあなたの立場を再訪することをお勧めします。どの分野の最高のエンジニアも、その前にあるプラットフォームの上に構築されています。あなたが巨人の肩に立つとき、あなたは非常に素早く達成できることがたくさんあります。

出典

2012-03-01 08:57:00 jmort253

スウェット。ありがとう。私は信じられない、私はGoogleでこれを見つけることができませんでした。あなたがそれを読むときは非常に簡単です。 – Wayneio

あなたは 'jQuery'を使用しているので、css属性を設定する代わりに' $（ '＃loading-image'）。hide（） 'と' $（ '＃loading-image'）。show（）。 – Nikhil

http://fgnass.github.com/spin.js/ JavaScriptを少しでも気にしないのであれば、かなりうまくいくようです。もう一つの可能性は、あなたが手動で表示/非表示にするGIFです。これはhttp://ajaxload.info/のようなもので生成できます。

出典

2012-03-01 08:59:10

function imgload(){ 
setTimeout(function(){$('#response').html('<img src="imagse/load.gif">'); },2000); 
} 


the load image rotates for 2 seconds..

出典

2012-03-01 09:04:57 mohan

Javascript - SetTimeoutにアイコンをロード

答えて

関連する問題