締切済み

Javascriptでタイマーを作成したい

2017/07/19 17:58

お世話になります。 Javascriptでタイマーみたいなことを作成したいのですができますか? つまり、ホームページに開始ボタンと停止ボタンを作成して開始ボタンを押したら0:00:00を時間がアップしていく感じです。1秒から順に停止を押したらタイマーがストップするみたいなのです。簡単にJavascriptでできないか探しているのですが見つかりません。教えてください。 JavascriptでできないのであればCGIでもできればと思っています。よろしくお願いします。

takeharu11
お礼率39% (156/391)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

みんなの回答

t_ohta
ベストアンサー率38% (5243/13715)

2017/07/19 19:10 回答No.2

timerStart() 関数内の＞　ocument.getElementById('timer').innerText = '0:00:00'; は document.getElementById('timer').innerText = '0:00:00'; が正しいです。貼り付ける時操作ミスで最初の d を消しちゃったみたいです。

t_ohta
ベストアンサー率38% (5243/13715)

2017/07/19 19:07 回答No.1

<html> <head> <script> var startTime; var timer = null; function timerStart() { if (timer == null) { ocument.getElementById('timer').innerText = '0:00:00'; startTime = new Date().getTime(); timer = setInterval('clock()', 100); } } function timerStop() { clearInterval(timer); timer = null; } function clock() { var now = new Date().getTime() - startTime; var nowH = parseInt(now / 3600000); now = now - nowH * 3600000; var nowM = parseInt(now / 60000); now = now - nowM * 60000; var nowS = parseInt(now / 1000); if (nowM < 10) nowM = '0' + nowM; if (nowS < 10) nowS = '0' + nowS; document.getElementById('timer').innerText = nowH+':'+nowM+':'+nowS; } </script> </head> <body> <div id="timer">0:00:00</div> <div> <button onclick="timerStart();">スタート</button> <button onclick="timerStop();">ストップ</button> </div> </body> </html> </script>

質問者