質問編集履歴
1
書式、説明の変更
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
ページ内
|
1
|
+
ページ内にカウントダウンを複数設置したいのですが、ラグが生じてしまいますお知恵をお貸し下さい。
|
body
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
ページ内このようなカウントダウンを複数設置したいのですが、一つしか動かない、もしくは1秒づつのラグが生じてしまいます(何故か終了は同時です)。
|
2
|
+
カウントの速度を一定でなくす方法もあれば、それも知りたいと思っています。
|
2
3
|
```ここに言語を入力
|
3
4
|
<script language="JavaScript">
|
4
5
|
var timer = document.getElementById("cd");
|
@@ -9,11 +10,11 @@
|
|
9
10
|
|
10
11
|
setInterval(function countDown(){
|
11
12
|
if(num >= tgt){
|
12
|
-
cd.innerHTML = '
|
13
|
+
cd.innerHTML = 'あと ' + num +' / 30';num--;
|
13
14
|
|
14
15
|
}
|
15
16
|
else {
|
16
|
-
cd.innerHTML = '
|
17
|
+
cd.innerHTML = '終了しました。';
|
17
18
|
|
18
19
|
}
|
19
20
|
},speed);
|
@@ -35,7 +36,7 @@
|
|
35
36
|
|
36
37
|
setInterval(function countDown(){
|
37
38
|
if(num >= tgt){
|
38
|
-
cd.innerHTML = '
|
39
|
+
cd.innerHTML = 'あと ' + num +' / 30';num--;
|
39
40
|
|
40
41
|
}
|
41
42
|
else {
|
@@ -56,7 +57,7 @@
|
|
56
57
|
|
57
58
|
}
|
58
59
|
else {
|
59
|
-
cd2.innerHTML = '
|
60
|
+
cd2.innerHTML = '終了しました。';
|
60
61
|
|
61
62
|
}
|
62
63
|
},speed);
|
@@ -65,9 +66,9 @@
|
|
65
66
|
</head>
|
66
67
|
|
67
68
|
<body>
|
68
|
-
<span id="cd">
|
69
|
+
<span id="cd">あと 28 / 30</span>
|
69
70
|
<br />
|
70
|
-
<span id="cd2">
|
71
|
+
<span id="cd2">あと 28 / 30</span>
|
71
72
|
</body>
|
72
73
|
```
|
73
74
|
|