質問編集履歴
4
HTMLを変更いたしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
|
9
9
|
こちらのページです。
|
10
10
|
|
11
|
-
http://pic-twiteer.com/test/top
|
11
|
+
http://pic-twiteer.com/test/top.html
|
12
12
|
|
13
13
|
|
14
14
|
|
@@ -124,8 +124,6 @@
|
|
124
124
|
|
125
125
|
```ジャバスクリプト
|
126
126
|
|
127
|
-
|
128
|
-
|
129
127
|
<!DOCTYPE html>
|
130
128
|
|
131
129
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
@@ -158,6 +156,10 @@
|
|
158
156
|
|
159
157
|
|
160
158
|
|
159
|
+
|
160
|
+
|
161
|
+
|
162
|
+
|
161
163
|
<!-- Facebook and Twitter integration -->
|
162
164
|
|
163
165
|
<meta property="og:title" content=""/>
|
@@ -232,7 +234,7 @@
|
|
232
234
|
|
233
235
|
<body>
|
234
236
|
|
235
|
-
<div id="fh5co-page">
|
237
|
+
<div id="fh5co-page">
|
236
238
|
|
237
239
|
<div id="fh5co-main">
|
238
240
|
|
@@ -252,15 +254,19 @@
|
|
252
254
|
|
253
255
|
<div class="row" >
|
254
256
|
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
257
|
+
<div id="headerArea">
|
258
|
+
|
259
|
+
<div class="timer_center">
|
260
|
+
|
261
|
+
<div class="cnt">
|
262
|
+
|
263
|
+
<div id="CDT" style="margin:0; text-align:center;"></div>
|
264
|
+
|
265
|
+
</div>
|
266
|
+
|
267
|
+
</div>
|
268
|
+
|
269
|
+
</div> </div>
|
264
270
|
|
265
271
|
</div>
|
266
272
|
|
@@ -306,6 +312,8 @@
|
|
306
312
|
|
307
313
|
<script src="js/main.js"></script>
|
308
314
|
|
315
|
+
<script src="timer.js"></script>
|
316
|
+
|
309
317
|
</body>
|
310
318
|
|
311
319
|
</html>
|
@@ -314,15 +322,13 @@
|
|
314
322
|
|
315
323
|
|
316
324
|
|
317
|
-
|
318
|
-
|
319
325
|
```
|
320
326
|
|
321
327
|
|
322
328
|
|
323
329
|
起きた現象
|
324
330
|
|
325
|
-
・カウントダウンが
|
331
|
+
・カウントダウンが表示されない。
|
326
332
|
|
327
333
|
|
328
334
|
|
3
修正履歴を追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -331,3 +331,25 @@
|
|
331
331
|
|
332
332
|
|
333
333
|
よろしくおねがいします。
|
334
|
+
|
335
|
+
|
336
|
+
|
337
|
+
|
338
|
+
|
339
|
+
修正履歴
|
340
|
+
|
341
|
+
|
342
|
+
|
343
|
+
・JavaScript
|
344
|
+
|
345
|
+
日付の変更
|
346
|
+
|
347
|
+
var tl = new Date('2019/2/27 19:59:59');
|
348
|
+
|
349
|
+
↓
|
350
|
+
|
351
|
+
var tl = new Date('2019/6/1 19:59:59');
|
352
|
+
|
353
|
+
|
354
|
+
|
355
|
+
・htmlコードの変更
|
2
HTMLを変更いたしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
|
9
9
|
こちらのページです。
|
10
10
|
|
11
|
-
http://pic-twiteer.com/test/top.html
|
11
|
+
http://pic-twiteer.com/test/top_org1.html
|
12
12
|
|
13
13
|
|
14
14
|
|
@@ -16,21 +16,9 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
これを入れると数字が表示されなくなります…
|
24
|
-
|
25
|
-
ただ単に
|
26
|
-
|
27
|
-
<div>'+day+'</div>
|
28
|
-
|
29
|
-
とすれば表示はされますが
|
30
|
-
|
31
|
-
spanの属性にすると出力されなく
|
32
|
-
|
33
|
-
なってしまいます。
|
19
|
+
カウントダウンが動きません。
|
20
|
+
|
21
|
+
|
34
22
|
|
35
23
|
|
36
24
|
|
@@ -170,10 +158,6 @@
|
|
170
158
|
|
171
159
|
|
172
160
|
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
161
|
<!-- Facebook and Twitter integration -->
|
178
162
|
|
179
163
|
<meta property="og:title" content=""/>
|
@@ -248,76 +232,42 @@
|
|
248
232
|
|
249
233
|
<body>
|
250
234
|
|
251
|
-
<div id="fh5co-page">
|
235
|
+
<div id="fh5co-page">
|
236
|
+
|
252
|
-
|
237
|
+
<div id="fh5co-main">
|
238
|
+
|
253
|
-
<as
|
239
|
+
<div class="fh5co-cards">
|
254
|
-
|
255
|
-
|
240
|
+
|
256
|
-
|
257
|
-
<
|
241
|
+
<div class="fh5co-narrow-content">
|
258
|
-
|
259
|
-
|
242
|
+
|
260
|
-
|
261
|
-
<
|
243
|
+
<h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">OPENまで、あと</h2>
|
262
|
-
|
263
|
-
|
244
|
+
|
264
|
-
|
265
|
-
<li><a href="douga2.html">動画2</a></li>
|
266
|
-
|
267
|
-
<li><a href="douga3.html">動画3</a></li>
|
268
|
-
|
269
|
-
<li><a href="douga4.html">動画4</a></li>
|
270
|
-
|
271
|
-
</ul>
|
272
|
-
|
273
|
-
</
|
245
|
+
</div>
|
274
|
-
|
275
|
-
<div class="fh5co-footer">
|
276
|
-
|
277
|
-
<p><small> All Rights Reserved.</span></p>
|
278
246
|
|
279
247
|
</div>
|
280
248
|
|
281
|
-
|
282
|
-
|
283
|
-
<div
|
284
|
-
|
285
|
-
<div class="
|
286
|
-
|
287
|
-
<div class="fh5co-narro
|
288
|
-
|
289
|
-
<
|
249
|
+
<div class="fh5co-counters" style="background-image: url(images/hero.jpg);" data-stellar-background-ratio="0.5" id="counter-animate">
|
250
|
+
|
251
|
+
<div class="fh5co-narrow-content animate-box">
|
252
|
+
|
253
|
+
<div class="row" >
|
254
|
+
|
255
|
+
<div class="col-md-4 text-center"> <span class="fh5co-counter js-counter" data-from="0" data-to="20" data-speed="5000" data-refresh-interval="50"></span> <span class="fh5co-counter-label">日</span> </div>
|
256
|
+
|
257
|
+
<div class="col-md-4 text-center"> <span class="fh5co-counter js-counter" data-from="0" data-to="1" data-speed="5000" data-refresh-interval="50"></span> <span class="fh5co-counter-label">時間</span> </div>
|
258
|
+
|
259
|
+
<div class="col-md-4 text-center"> <span class="fh5co-counter js-counter" data-from="0" data-to="99" data-speed="5000" data-refresh-interval="50"></span> <span class="fh5co-counter-label">秒</span> </div>
|
260
|
+
|
261
|
+
<div class="col-md-4 text-center"> <span class="fh5co-counter js-counter" data-from="0" data-to="99" data-speed="5000" data-refresh-interval="50"></span></div>
|
262
|
+
|
263
|
+
</div>
|
290
264
|
|
291
265
|
</div>
|
292
266
|
|
293
267
|
</div>
|
294
268
|
|
295
|
-
<div class="fh5co-counters" style="background-image: url(images/hero.jpg);" data-stellar-background-ratio="0.5" id="counter-animate">
|
296
|
-
|
297
|
-
<div class="fh5co-narrow-content animate-box">
|
298
|
-
|
299
|
-
<div class="row" >
|
300
|
-
|
301
|
-
<div id="headerArea">
|
302
|
-
|
303
|
-
<div class="timer_center">
|
304
|
-
|
305
|
-
<div class="cnt">
|
306
|
-
|
307
|
-
<div id="CDT" style="margin:0; text-align:center;"></div>
|
308
|
-
|
309
|
-
</div>
|
310
|
-
|
311
269
|
</div>
|
312
270
|
|
313
|
-
</div> </div>
|
314
|
-
|
315
|
-
</div>
|
316
|
-
|
317
|
-
</div>
|
318
|
-
|
319
|
-
</div>
|
320
|
-
|
321
271
|
</div>
|
322
272
|
|
323
273
|
|
@@ -356,8 +306,6 @@
|
|
356
306
|
|
357
307
|
<script src="js/main.js"></script>
|
358
308
|
|
359
|
-
<script src="timer.js"></script>
|
360
|
-
|
361
309
|
</body>
|
362
310
|
|
363
311
|
</html>
|
@@ -366,6 +314,8 @@
|
|
366
314
|
|
367
315
|
|
368
316
|
|
317
|
+
|
318
|
+
|
369
319
|
```
|
370
320
|
|
371
321
|
|
@@ -374,8 +324,6 @@
|
|
374
324
|
|
375
325
|
・カウントダウンが回らない
|
376
326
|
|
377
|
-
・日にちが表示されない
|
378
|
-
|
379
327
|
|
380
328
|
|
381
329
|
ブラウザデベロッパツールのコンソールにエラーは出ていません。
|
1
html等追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Java
|
1
|
+
JavaScriptでカウントダウンタイマーを設置したい
|
test
CHANGED
@@ -6,7 +6,9 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
|
9
|
+
こちらのページです。
|
10
|
+
|
11
|
+
http://pic-twiteer.com/test/top.html
|
10
12
|
|
11
13
|
|
12
14
|
|
@@ -58,7 +60,7 @@
|
|
58
60
|
|
59
61
|
var timer='';
|
60
62
|
|
61
|
-
var tl = new Date('2019/
|
63
|
+
var tl = new Date('2019/6/1 19:59:59');
|
62
64
|
|
63
65
|
var today=new Date();
|
64
66
|
|
@@ -121,3 +123,263 @@
|
|
121
123
|
|
122
124
|
|
123
125
|
```
|
126
|
+
|
127
|
+
htmlソースです
|
128
|
+
|
129
|
+
|
130
|
+
|
131
|
+
### 該当のソースコード
|
132
|
+
|
133
|
+
|
134
|
+
|
135
|
+
|
136
|
+
|
137
|
+
```ジャバスクリプト
|
138
|
+
|
139
|
+
|
140
|
+
|
141
|
+
<!DOCTYPE html>
|
142
|
+
|
143
|
+
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
144
|
+
|
145
|
+
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
146
|
+
|
147
|
+
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
148
|
+
|
149
|
+
<!--[if gt IE 8]><!-->
|
150
|
+
|
151
|
+
<html class="no-js">
|
152
|
+
|
153
|
+
<!--<![endif]-->
|
154
|
+
|
155
|
+
<head>
|
156
|
+
|
157
|
+
<meta charset="utf-8">
|
158
|
+
|
159
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
160
|
+
|
161
|
+
<title>After Five</title>
|
162
|
+
|
163
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
164
|
+
|
165
|
+
<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
|
166
|
+
|
167
|
+
<meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
|
168
|
+
|
169
|
+
<meta name="author" content="FreeHTML5.co" />
|
170
|
+
|
171
|
+
|
172
|
+
|
173
|
+
|
174
|
+
|
175
|
+
|
176
|
+
|
177
|
+
<!-- Facebook and Twitter integration -->
|
178
|
+
|
179
|
+
<meta property="og:title" content=""/>
|
180
|
+
|
181
|
+
<meta property="og:image" content=""/>
|
182
|
+
|
183
|
+
<meta property="og:url" content=""/>
|
184
|
+
|
185
|
+
<meta property="og:site_name" content=""/>
|
186
|
+
|
187
|
+
<meta property="og:description" content=""/>
|
188
|
+
|
189
|
+
<meta name="twitter:title" content="" />
|
190
|
+
|
191
|
+
<meta name="twitter:image" content="" />
|
192
|
+
|
193
|
+
<meta name="twitter:url" content="" />
|
194
|
+
|
195
|
+
<meta name="twitter:card" content="" />
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
200
|
+
|
201
|
+
<link rel="shortcut icon" href="favicon.ico">
|
202
|
+
|
203
|
+
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
|
204
|
+
|
205
|
+
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
206
|
+
|
207
|
+
|
208
|
+
|
209
|
+
<!-- Animate.css -->
|
210
|
+
|
211
|
+
<link rel="stylesheet" href="css3/animate.css">
|
212
|
+
|
213
|
+
<!-- Icomoon Icon Fonts-->
|
214
|
+
|
215
|
+
<link rel="stylesheet" href="css3/icomoon.css">
|
216
|
+
|
217
|
+
<!-- Bootstrap -->
|
218
|
+
|
219
|
+
<link rel="stylesheet" href="css3/bootstrap.css">
|
220
|
+
|
221
|
+
<!-- Owl Carousel -->
|
222
|
+
|
223
|
+
<link rel="stylesheet" href="css3/owl.carousel.min.css">
|
224
|
+
|
225
|
+
<link rel="stylesheet" href="css3/owl.theme.default.min.css">
|
226
|
+
|
227
|
+
<!-- Theme style -->
|
228
|
+
|
229
|
+
<link rel="stylesheet" href="css3/style.css">
|
230
|
+
|
231
|
+
|
232
|
+
|
233
|
+
<!-- Modernizr JS -->
|
234
|
+
|
235
|
+
<script src="js/modernizr-2.6.2.min.js"></script>
|
236
|
+
|
237
|
+
<!-- FOR IE9 below -->
|
238
|
+
|
239
|
+
<!--[if lt IE 9]>
|
240
|
+
|
241
|
+
<script src="js/respond.min.js"></script>
|
242
|
+
|
243
|
+
<![endif]-->
|
244
|
+
|
245
|
+
|
246
|
+
|
247
|
+
</head>
|
248
|
+
|
249
|
+
<body>
|
250
|
+
|
251
|
+
<div id="fh5co-page">
|
252
|
+
|
253
|
+
<aside id="fh5co-aside" role="complementary" class="border js-fullheight">
|
254
|
+
|
255
|
+
<h1 id="fh5co-logo"><img src="images/logo.png" alt="Free HTML5 Bootstrap Website Template"></h1>
|
256
|
+
|
257
|
+
<nav id="fh5co-main-menu" role="navigation">
|
258
|
+
|
259
|
+
<ul>
|
260
|
+
|
261
|
+
<li class="fh5co-active"><a href="top.html">TOP</a></li>
|
262
|
+
|
263
|
+
<li><a href="douga1.html">動画1</a></li>
|
264
|
+
|
265
|
+
<li><a href="douga2.html">動画2</a></li>
|
266
|
+
|
267
|
+
<li><a href="douga3.html">動画3</a></li>
|
268
|
+
|
269
|
+
<li><a href="douga4.html">動画4</a></li>
|
270
|
+
|
271
|
+
</ul>
|
272
|
+
|
273
|
+
</nav>
|
274
|
+
|
275
|
+
<div class="fh5co-footer">
|
276
|
+
|
277
|
+
<p><small> All Rights Reserved.</span></p>
|
278
|
+
|
279
|
+
</div>
|
280
|
+
|
281
|
+
</aside>
|
282
|
+
|
283
|
+
<div id="fh5co-main">
|
284
|
+
|
285
|
+
<div class="fh5co-cards">
|
286
|
+
|
287
|
+
<div class="fh5co-narrow-content">
|
288
|
+
|
289
|
+
<h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">OPENまで、あと</h2>
|
290
|
+
|
291
|
+
</div>
|
292
|
+
|
293
|
+
</div>
|
294
|
+
|
295
|
+
<div class="fh5co-counters" style="background-image: url(images/hero.jpg);" data-stellar-background-ratio="0.5" id="counter-animate">
|
296
|
+
|
297
|
+
<div class="fh5co-narrow-content animate-box">
|
298
|
+
|
299
|
+
<div class="row" >
|
300
|
+
|
301
|
+
<div id="headerArea">
|
302
|
+
|
303
|
+
<div class="timer_center">
|
304
|
+
|
305
|
+
<div class="cnt">
|
306
|
+
|
307
|
+
<div id="CDT" style="margin:0; text-align:center;"></div>
|
308
|
+
|
309
|
+
</div>
|
310
|
+
|
311
|
+
</div>
|
312
|
+
|
313
|
+
</div> </div>
|
314
|
+
|
315
|
+
</div>
|
316
|
+
|
317
|
+
</div>
|
318
|
+
|
319
|
+
</div>
|
320
|
+
|
321
|
+
</div>
|
322
|
+
|
323
|
+
|
324
|
+
|
325
|
+
<!-- jQuery -->
|
326
|
+
|
327
|
+
<script src="js/jquery.min.js"></script>
|
328
|
+
|
329
|
+
<!-- jQuery Easing -->
|
330
|
+
|
331
|
+
<script src="js/jquery.easing.1.3.js"></script>
|
332
|
+
|
333
|
+
<!-- Bootstrap -->
|
334
|
+
|
335
|
+
<script src="js/bootstrap.min.js"></script>
|
336
|
+
|
337
|
+
<!-- Carousel -->
|
338
|
+
|
339
|
+
<script src="js/owl.carousel.min.js"></script>
|
340
|
+
|
341
|
+
<!-- Stellar -->
|
342
|
+
|
343
|
+
<script src="js/jquery.stellar.min.js"></script>
|
344
|
+
|
345
|
+
<!-- Waypoints -->
|
346
|
+
|
347
|
+
<script src="js/jquery.waypoints.min.js"></script>
|
348
|
+
|
349
|
+
<!-- Counters -->
|
350
|
+
|
351
|
+
<script src="js/jquery.countTo.js"></script>
|
352
|
+
|
353
|
+
|
354
|
+
|
355
|
+
<!-- MAIN JS -->
|
356
|
+
|
357
|
+
<script src="js/main.js"></script>
|
358
|
+
|
359
|
+
<script src="timer.js"></script>
|
360
|
+
|
361
|
+
</body>
|
362
|
+
|
363
|
+
</html>
|
364
|
+
|
365
|
+
|
366
|
+
|
367
|
+
|
368
|
+
|
369
|
+
```
|
370
|
+
|
371
|
+
|
372
|
+
|
373
|
+
起きた現象
|
374
|
+
|
375
|
+
・カウントダウンが回らない
|
376
|
+
|
377
|
+
・日にちが表示されない
|
378
|
+
|
379
|
+
|
380
|
+
|
381
|
+
ブラウザデベロッパツールのコンソールにエラーは出ていません。
|
382
|
+
|
383
|
+
|
384
|
+
|
385
|
+
よろしくおねがいします。
|