質問編集履歴

3

sample.js のコードを変えました!

2021/02/25 13:48

投稿

mimimi75
mimimi75

スコア0

test CHANGED
File without changes
test CHANGED
@@ -164,25 +164,15 @@
164
164
 
165
165
  // 読み込んだらフェードアウト
166
166
 
167
- $(window).load(function () {
167
+ window.addEventListener('DOMContentLoaded', function(){ //すべての読み込みが完了したら実行
168
168
 
169
- // 消えるタイミングはお好みで
169
+ $('#loader-bg').delay(900).fadeOut(800);
170
170
 
171
- $('.loading').delay(1500).fadeOut(300);
171
+ $('#loader').delay(600).fadeOut(300);
172
172
 
173
- });
173
+ $('.wrap').css('display', 'block');
174
174
 
175
- // 10秒待っても読み込みが終わらない時は強制的にローディング画面をフェードアウト
176
-
177
- function stopload(){
178
-
179
- $('.loading').delay(1000).fadeOut(700);
180
-
181
- }
175
+ });
182
-
183
- setTimeout('stopload()',10000);
184
-
185
-
186
176
 
187
177
  ```
188
178
 

2

codeの入力

2021/02/25 13:48

投稿

mimimi75
mimimi75

スコア0

test CHANGED
File without changes
test CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  ### ローディング画面指定html
54
54
 
55
-
55
+ ```ここに言語を入力
56
56
 
57
57
  <header>
58
58
 
@@ -84,9 +84,17 @@
84
84
 
85
85
  </header>
86
86
 
87
+ ```
88
+
89
+
90
+
87
91
 
88
92
 
89
93
  ### css
94
+
95
+
96
+
97
+ ```ここに言語を入力
90
98
 
91
99
  /* ローディング画面の背景 */
92
100
 
@@ -148,7 +156,11 @@
148
156
 
149
157
  }
150
158
 
159
+ ```
160
+
151
161
  ### sample.js
162
+
163
+ ```ここに言語を入力
152
164
 
153
165
  // 読み込んだらフェードアウト
154
166
 
@@ -172,6 +184,8 @@
172
184
 
173
185
 
174
186
 
187
+ ```
188
+
175
189
 
176
190
 
177
191
 

1

<script type="text/javascript" src="js/sample.js"></script>

2021/02/25 13:25

投稿

mimimi75
mimimi75

スコア0

test CHANGED
File without changes
test CHANGED
@@ -44,7 +44,7 @@
44
44
 
45
45
  headの中に
46
46
 
47
- <link href="js/sample.js" rel="stylesheet" type="text/css">
47
+ <script type="text/javascript" src="js/sample.js"></script>
48
48
 
49
49
  <script type="text/javascript" src="js/jquery-3.5.1.min.js">
50
50