当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 怎么用JS写的一个简易的计时器？

怎么用JS写的一个简易的计时器？

2018年11月03日  | 移动技术网IT编程  | 我要评论

运行结果如图：

\

点击开始计时，就会显示时间，然后这个时钟会每秒更新，点击停止计时，这个时间就会停止。这个是简易版本。

代码如下：

    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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网