Skip to main content
3 / 3
タイトル変更
int32_t
  • 8,734
  • 1
  • 11
  • 14

スタイル変更が画面に反映されてから処理をしたい

ブラウザのクライアントスクリプト(javascript)でexcelを読み込んで印刷するスクリプトを書いています。

excelアプリケーションの立ち上がりから印刷の処理まで時間がかかるので処理中...のような表示をポップアップさせておきたいのですが、良い書き方がわかりません。

現状は以下のように書いているのですが、setTimeoutを使うのがしっくりこず…

スタイルを変更した際のレンダリングキューのタスクをjavascript側から
強制的に実行する方法はないのでしょうか…。

// 処理中メッセージを表示
const progress = document.querySelector('#progress');
progress.style.display = 'block'; // display: none -> block

setTimeout(() => {

  // 時間のかかる処理
  const excel = new ActiveXObject('Excel.Application');
  // 印刷処理...等

  // 処理中メッセージを非表示に
  progress.style.display = 'none';

},0);