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

質問編集履歴

1

書式、説明の変更

2018/01/15 11:04

投稿

MamS
MamS

スコア13

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 = '限定数まで、あと ' + num +' / 30';num--;
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 = '限定数まで、あと ' + num +' / 30';num--;
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">限定数まで、あと 28 / 30</span>
69
+ <span id="cd">あと 28 / 30</span>
69
70
  <br />
70
- <span id="cd2">限定数まで、あと 28 / 30</span>
71
+ <span id="cd2">あと 28 / 30</span>
71
72
  </body>
72
73
  ```
73
74