teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

訂正

2021/10/26 03:26

投稿

masayukikun
masayukikun

スコア33

title CHANGED
@@ -1,1 +1,1 @@
1
- 画像ロードが終わるまで処理を待機する方法はあるか
1
+ forの処理を中断してあ条件下で再開させる方法
body CHANGED
@@ -1,30 +1,17 @@
1
- 画像のロードが終わるまで処理を待機する方法ありますでしょう
1
+ forで画像を生成し、生成した画像のロードが終わるまで処理を待機し、再開することできますか
2
2
 
3
3
  ```ここに言語を入力
4
4
  <script>
5
5
  window.onload=function(){
6
+ for(i=0;i<100;i++){
6
7
  img=document.createElement("img");
7
- img.src=""//かなり重い画像を読み込む
8
+ img.src=""//かなり重い画像を読み込む 画像は毎度別と仮定する
8
- document.body.appendChild(img);
9
- //ここで読込完了するまで待機する処理書きたい
9
+ //読込が終わるまでループ停止
10
- alert("読込が完了");
11
- //以降処理
12
- }
13
- </script>
14
- ```
15
-
16
- ```ここに言語を入力
17
- このやり方は考えていない
18
-
19
- <script>
20
- window.onload=function(){
21
- img=document.createElement("img");
22
- img.src=""//かなり重い画像を読み込む
23
10
  img.addEventListener('load', function() {
24
- alert("読込が完了");
25
- //以降処理
11
+ //ループを再開する
26
12
  });
27
13
  document.body.appendChild(img);
28
14
  }
15
+ }
29
16
  </script>
30
17
  ```