js脚本实时输出当前时间

发布时间:2020-04-15编辑:脚本学堂
javascript如何实现输出当前时间,在指定的网页上显示当前时间或日期,精确到时分秒,通过本例子可以掌握javascript时间函数的用法,js日期与时间的处理方法。

js脚本实时输出当前时间

把主代码封装在一个单独的函数中,然后直接在页面中调用即可,附有调用示例。

在网站页面上要输出当前时间,精确到时分秒,还要适时变化的。

js输出当前时间
 

复制代码 代码示例:
function CurentTime(divID){
  var curTime=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();   //周
  curTime['year']=year;
  curTime['month']=month<10?'0'+month:month;
  curTime['day']=day<10?'0'+day:day;
  curTime['hh']=hh<10?'0'+hh:hh;
  curTime['mm']=mm<10?'0'+mm:mm;
  curTime['sc']=sc<10?'0'+sc:sc;
  curTime['wk']='星期'+week[wk];
  curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc'];
  document.getElementById(divID).innerHTML='今天是:'+curTime;
  setTimeout('CurentTime(''+divID+'')',1000);
}

调用方法:
页面上一个id命名为time的div,则:
 

<script language="javascript">CurentTime('time');</script>