ストップウォッチ サンプル

シンプルなストップウォッチのプログラムサンプルです。

記述は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>

ソース販売 \30.-

上記のソースでHTMLファイルを作成すれば、ご購入の必要は無いと思います。

【JavaScript 'Stopwatch'ソース】