■アクシ・チャイルド■
ストップウォッチ サンプル
シンプルなストップウォッチのプログラムサンプルです。
記述はES6(JavaScript2015)です。対応のブラウザをご使用してください。
以下のブラウザで動作確認しました。
Google Chrome バージョン: 59.0.3071.115（Official Build） （64 ビット）
stopwatch.html
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Stopwatch</title>
</head>
<body>
<div id="time">h:m:s:ms</div>
<input type="button" value="Start" onclick="start()">
<input type="button" value="stop" onclick="stop()">
<script>
let time1;
let timeSt;
let htmltime = document.getElementById("time");
function start() {
let dateObj = new Date();
timeSt = dateObj.getTime();
timer = setInterval("countTime()", 20);
}
function stop() {
clearInterval(timer);
}
function countTime() {
let dateObj = new Date();
let TimeNow = dateObj.getTime();
let outTime = TimeNow - timeSt;
htmltime.innerHTML = Math.floor(outTime/3600000) % 60 + ":" + Math.floor(outTime/60000) % 60 + ":" + Math.floor(outTime/1000) % 60 + ":" + Math.floor((outTime %
1000)/100);
}
</script>
</body>
</html>
