Skip to main content
Communityユーザーがトップに表示した
タイトル変更
リンク
int32_t
  • 8,734
  • 1
  • 11
  • 14

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

本文から 6 文字削除
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

ブラウザのクライアントスクリプト(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);

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

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

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

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

現状は

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

setTimeout(() => {

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

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

},0);

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

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

ブラウザのクライアントスクリプト(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);
ソース リンク

javascript 処理中表示

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

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

現状は

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

setTimeout(() => {

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

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

},0);

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

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