成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

javascript實現(xiàn)秒表計時器的制作方法

本文實例為大家分享了js秒表計時器的制作代碼，供大家參考，具體內容如下

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供碾子山網(wǎng)站建設、碾子山做網(wǎng)站、碾子山網(wǎng)站設計、碾子山網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、碾子山企業(yè)網(wǎng)站模板建站服務，10年碾子山做網(wǎng)站經驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

javascript實現(xiàn)秒表計時器的制作方法

具體代碼：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
<style>
div{margin-top:40px;margin-left:25px;margin-bottom:10px;width:20px;height:20px;}
input{width:30px;height:30px;margin-left:20px;font-size:20px;color:#fff;background: #000;border:none;outline: none;}
</style>
</head>
<body>
<div></div>
<input type="button" value="開始" />
<input type="button" value="停止" />
</body>
<script type="text/javascript">
//2.實現(xiàn)秒表功能，實現(xiàn)時 分 秒 毫秒 點擊1開始計時，2結束計時；
var oDiv=document.getElementsByTagName('div')[0];
var Btn1=document.getElementsByTagName('input')[0];
var Btn2=document.getElementsByTagName('input')[1];
var ms=0;
var sec=0;
var min=0;
var hour=0;
Btn1.onclick=function(){
timer=setInterval(function(){
var str_hour=hour;
var str_min=min;
var str_sec=sec;
if(hour<10){
str_hour="0"+hour;
}
if(min<10){
str_min="0"+min;
}
if(sec<10){
str_sec="0"+sec;
}
var time=str_hour+':'+str_min+':'+str_sec+':'+ms;
oDiv.innerHTML=time;
ms=ms+50;
if(ms>999){
ms=0;
sec++;
}
if(sec>59){
sec=0;
min++;
}
if(min>59){
min=0;
hour++;
}


},50)
}
Btn2.onclick=function(){
clearInterval(timer);
}
</script>
</html>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章名稱：javascript實現(xiàn)秒表計時器的制作方法
網(wǎng)頁URL：http://jinyejixie.com/article12/podcdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站排名、網(wǎng)站導航、Google、網(wǎng)站策劃、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司