ページ内このようなカウントダウンを複数設置したいのですが、一つしか動かない、もしくは1秒づつのラグが生じてしまいます(何故か終了は同時です)。
カウントの速度を一定でなくす方法もあれば、それも知りたいと思っています。
<script language="JavaScript"> var timer = document.getElementById("cd"); var num = 28; var tgt = 1; var speed = 3000; setInterval(function countDown(){ if(num >= tgt){ cd.innerHTML = 'あと ' + num +' / 30';num--; } else { cd.innerHTML = '終了しました。'; } },speed); </script> </head> <body> <span id="cd">限定数まで、あと 28 / 30</span> </body>
複数設置に対してはこのようにしましたが2つ目が1秒ずれてカウントされてしまいます。
<script language="JavaScript"> var timer = document.getElementById("cd"); var num = 28; var tgt = 1; var speed = 3000; setInterval(function countDown(){ if(num >= tgt){ cd.innerHTML = 'あと ' + num +' / 30';num--; } else { cd.innerHTML = 'キャンペーンは終了しました。'; } },speed); var timer = document.getElementById("cd2"); var num = 28; var tgt = 1; var speed = 3000; setInterval(function countDown(){ if(num >= tgt){ cd2.innerHTML = '限定数まで、あと ' + num +' / 30';num--; } else { cd2.innerHTML = '終了しました。'; } },speed); </script> </head> <body> <span id="cd">あと 28 / 30</span> <br /> <span id="cd2">あと 28 / 30</span> </body>
めちゃくちゃなコードだと思いますが、お力を貸していただけると嬉しいです。
どうぞ宜しくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/06 12:48