在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用而我为了演示,直接写在了主页面,方便大家观看
最近有个网站页面上要输出当前时间,精确到时分秒,还要适时变化的。百度找了找,没找到合适的,于是自己写了个,收藏下,方便以后使用。
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>
以上所述就是本文的全部内容了,希望大家能够喜欢。
新闻热点
疑难解答
图片精选