ストップウォッチ
<html> <head> <title>ストップウォッチ</title> <script language="JavaScript"> <!-- function sta() { //スタート time = 0; tm = setInterval("disp()",1000); } function sto() { //ストップ clearInterval(tm); } function disp() { //時間表示 ++time; //1秒経過 hour = Math.floor(time / 3600); //時間(経過秒数÷3600秒) min = Math.floor((time % 3600) / 60); //分(時間の余り÷60秒) min1 = Math.floor(min / 10); //分の10の位 min2 = min % 10; //分の1の位 sec = time % 60; //秒(経過秒数÷60秒の余り) sec1 = Math.floor(sec / 10); //秒の10の位 sec2 = sec % 10; //秒の1の位 document.form1.disp.value = hour + ":" + min1 + min2 + ":" + sec1 + sec2; } //--> </script> </head> <body> <center> <form action="" method="" name="form1"> <input type="text" name="disp" size="10" value="0:00:00" style="text-align:center;font-size:25px" readonly><br> <br> <input type="button" value="スタート" onClick="sta()"> <input type="button" value="ストップ" onClick="sto()"> </form> </center> </body> </html>
〔 実行する 〕