abstract:<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> <script type="text/javascript" src="jquery
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> <script type="text/javascript" src="jquery.min.js"></script> <style> .btnl,btnr{ width:60px;height:25px;} </style> </head> <body> <input type="text" class="showTime"> <button class="btnl">開始</button> <button class="btnr">結(jié)束</button> <script type="text/javascript"> var timeIndex = 0; $(".btnl").click(function(){ //點擊btnl觸發(fā)setTime()函數(shù) setTime(); times = setInterval(setTime, 1000); //每隔1秒執(zhí)行函數(shù) }); $(".btnr").click(function(){ clearInterval(times); //清除對函數(shù)的調(diào)用 }); function setTime(){ var hour = parseInt(timeIndex / 3600); // 計算時 var minutes = parseInt((timeIndex % 3600) / 60); // 計算分 var seconds = parseInt(timeIndex % 60); // 計算秒 hour = hour < 10 ? "0" + hour : hour; minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; $(".showTime").val(hour + ":" + minutes + ":" + seconds); timeIndex++; } </script>