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を割って表示します.