1. 程式人生 > >js 實現一個普通的定時器

js 實現一個普通的定時器

時間 javascrip 調用 button size code get star lang

HTML的頁面顯示:

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <title>Title</title>
 5     <link href="show.css" rel="stylesheet" type="text/css">
 6 </head>
 7 <body>
 8 
 9 <script src="text.js"></script>
10 <input id="inp" type="
text" onclick="see()"> 11 12 <button id="stop" onclick="end()">停止</button> 13 </body> 14 </html>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>綁定onclick事件去觸發函數調用

css輸出框的大小設置

1 #inp{
2     width: 200px;
3 height: 40px; 4 }

javascript 去具體實現函數及其調用:

 1 function star() {
 2     var time=new Date().toLocaleString();   //獲得一個時間對象並轉為字符串
 3     var i=document.getElementById(inp);   //獲取所需標簽
 4     i.value=time;                            //設置標簽值
 5 }
 6 var clock;     //定義一個全局變量
 7 function see() {
 8 
 9     if
(clock==undefined){ //如果定時器為空就執行下面方法 10 star(); 11 clock=setInterval(star,1000); 12 } 13 //若已經存在定時器則不執行任何操作 14 } 15 16 function end() { 17 clearInterval(clock); //清除定時調用函數 18 clock=undefined; //把定時器置為空 19 20 }

js 實現一個普通的定時器