カスタムイベントをブラウザに送信

Question

私は何ができるかはわかりません。しかし、私がAJAXリクエストを開始するたびに、ブラウザにprocessingイベントを送りたいので、リクエストが完了するまで進行中のバーが表示されます。

これは可能ですか？はいの場合は、リソースを修正するように教えてください。

Answer 1

スピナーをプログラムでアニメーション化する方法はありませんが、a hidden iframeを使用して振る舞いをシミュレートできます。 iframeがロードされている限り、ブラウザはスピナーをアニメーション化します。

var doneLoading = false; 

var simulateLoad = function() { 
    var ifrm = document.createElement('IFRAME'); 
    //make dummy.html a sufficiently large file 
    ifrm.setAttribute('src', 'dummy.html?' + Math.floor(Math.random()*100)); 
    ifrm.style.display = 'none'; 
    ifrm.onload = function() { 
     if(!doneLoading) { 
      document.body.removeChild(ifrm); 
      simulateLoad(); 
     } 
    } 
    document.body.appendChild(ifrm); 
} 

var startLoad = function() { 
    doneLoading = false; 
    simulateLoad(); 
} 

var endLoad = function() { 
    doneLoading = true; 
}