在网页中有时会应用到动态的时间显示，本篇文章就来简单介绍下，利用javascript中的setTimeout()函数实现的方法。

先来简单介绍下setTimeout(code,millisec)函数，它有两个参数，第一个是规定所要调用执行的JavaScript代码串，第二个参数是指在执行代码前需要等待的毫秒数。故此函数的作用是：在指定的毫秒数后调用code里的内容。

setTimeout常用的应用是，在所调用的code中，自身再次调用setTimeout，以实现实时刷新。

实现实时动态的显示时间的方法很简单，原理是在调用的code函数体内，先利用getFullYear()、getMouth()等函数获取单位时间，再通过编排后通过innerHTML输出，最后再利用setTimeout函数以1000毫秒即1秒为单位再次调用自身函数，以实现时间的动态显示。

实现原理就这么简单，下面放代码：

<span id="time"></span>
<script type="text/javascript">
function realTime(sID){ 
  var rtime=new Array(); 
  var now=new Date(); 
  var week=['日','一','二','三','四','五','六']; 
  var year=now.getFullYear();
  var month=now.getMonth()+1;
  var day=now.getDate();
  var hh=now.getHours();
  var mm=now.getMinutes();
  var sc=now.getSeconds();
  var wk=now.getDay();
  rtime['year']=year; 
  rtime['month']=month<10?'0'+month:month; 
  rtime['day']=day<10?'0'+day:day; 
  rtime['hh']=hh<10?'0'+hh:hh; 
  rtime['mm']=mm<10?'0'+mm:mm; 
  rtime['sc']=sc<10?'0'+sc:sc; 
  rtime['wk']='星期'+week[wk]; 
  rtime=rtime['year']+'年'+rtime['month']+'月'+rtime['day']+'日'+' '+rtime['wk']+' '+rtime['hh']+':'+rtime['mm']+':'+rtime['sc']; 
  document.getElementById(sID).innerHTML='今天是：'+rtime; 
  setTimeout('realTime(\''+sID+'\')',1000); 
} 
realTime('time');
</script>

效果演示：