JavaScript通过setTimeout实时显示当前时间的方法

2019-11-20 12:38:52

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法。分享给大家供大家参考。具体如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>JS小测试</title> </head> <body>  <style type="text/css">   #time   {    background-color:#eee;   }  </style>  <script type="text/javascript">   function showtime()   {    var myDate = new Date();    document.getElementById("time").innerHTML = myDate.getHours() + "时" + myDate.getMinutes() + "分" + myDate.getSeconds() + "秒" ;    setTimeout("showtime()",1000);    }</script>  <div id="time">   <script type="text/javascript">showtime();</script>  </div> </body></html>

希望本文所述对大家的javascript程序设计有所帮助。

上一篇：JavaScript实现向setTimeout执行代码传递参数的方法

下一篇：jQuery监控文本框事件并作相应处理的方法