怎么用JS写的一个简易的计时器？
程序员文章站
2022-04-18 13:02:04
运行结果如图：
点击开始计时，就会显示时间，然后这个时钟会每秒更新，点击停止计时，这个时间就会停止。这个是简易版本。
代码如下：
1 ...
运行结果如图：
点击开始计时，就会显示时间，然后这个时钟会每秒更新，点击停止计时，这个时间就会停止。这个是简易版本。
代码如下：
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <metacharset="utf-8">
5 <title>title</title>
6 </head>
7 <br>
8 <inputtype="button" value="开始计时" onclick="starttime()"></br>
9 <script type="text/javascript">
10
11 functionshowtime(){
12 vard=new date();
13 varyea=d.getfullyear();
14 varmonth=d.getmonth();
15 vardat=d.getdate();
16 varhour=d.gethours();
17 varminutes=d.getminutes();
18 varseconds=d.getseconds();
19 document.getelementbyid("001").innerhtml=yea+"年"+(month+1)+"月"+dat+"日"+hour+"时"+minutes+"分"+seconds+"秒";
20 }
21
22 vara;
23 functionstarttime(){
24 a=setinterval("showtime()",1000);
25 }
26 functionstoptime(){
27 clearinterval(a);
28 }
29 </script>
30 <inputtype="button" value="停止计时" onclick="stoptime()"></br>
31 <span>现在时间是：</span>
32 <span id="001"></span>
33 </body>
34 </html>