JS簡易ストップウォッチタイマー
4670 ワード
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js title>
head>
<body>
<input type="text" value="00:00">
<input type="button" value=" ">
<input type="button" value=" ">
<input type="button" value=" ">
<script>
var oTxt=document.getElementsByTagName("input")[0];
var oStart=document.getElementsByTagName("input")[1];
var oStop=document.getElementsByTagName("input")[2];
var oReset=document.getElementsByTagName("input")[3];
var n= 0, timer=null;
//
oStart.οnclick= function () {
clearInterval(timer);
timer=setInterval(function () {
n++;
var m=parseInt(n/60);
var s=parseInt(n%60);
oTxt.value=toDub(m)+":"+toDub(s);
},1000/60);
};
//
oStop.οnclick= function () {
clearInterval(timer);
}
//
oReset.οnclick= function () {
oTxt.value="00:00";
n=0;
}
//
function toDub(n){
return n<10?"0"+n:""+n;
}
script>
body>
html>
タイマー設定の運転間隔では、最初に100を設定していますが、実は1秒=1000ミリ秒ではありません.私たちは60個の数字に分けて表示しますので、やはり60を割って表示します.