js 實現一個普通的定時器
阿新 • • 發佈:2018-08-14
時間 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 實現一個普通的定時器