js中setTimeout实时显示当前时间的小例子

发布时间:2019-07-19编辑:脚本学堂
在js中通过setTimeout函数实时显示当前时间,javascript中setTimeout函数的用法示例,需要的朋友参考下。

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>JavaScript通过setTimeout实时显示当前时间 - www.jb200.com</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>