js动态显示时间

lihua2915 · 发表于 2013-2-7 19:11:52

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js动态显示当前日期，时间和星期代码</title> <script> function getDate(){ var date=new Date(); var month=date.getMonth()+1; var day=date.getDate(); if(month.toString().length == 1){ //或者用if (eval(month) <10) {month="0"+month} month='0'+month; } if(day.toString().length == 1){ day='0'+day; } return date.getYear()+'/'+month+'/'+day+' '+date.toLocaleString().substring(date.toLocaleString().length-10)+' '+'星期'+'日一二三四五六'.charAt(date.getDay()); } </script> </head> <body> 当前时间：<div id="time"> <script> document.getElementById('time').innerHTML=getDate(); setInterval("document.getElementById('time').innerHTML=getDate();",1000); </script> </div> <span id="day1"> <script> document.getElementById('day1').innerHTML=new Date().getYear()+"年"+(new Date().getMonth()+1)+"月"+new Date().getDate()+"日"+' 星期'+'日一二三四五六'.charAt(new Date().getDay()); </script> </span> &nbsp;&nbsp; <span id="day2"> <script> document.getElementById('day2').innerHTML=new Date().toLocaleString(); setInterval("document.getElementById('day2').innerHTML=new Date().toLocaleString();",1000); </script> </span> <br> <p> setInterval() 1秒后会执行,页面载入后会出现1秒空白<br> 要显示在一行，请使用&lt;span&gt;标签<br> 如果使用new Date().getHours()方法，下午的时间会返回12以上的值，我将它换为PM时间方式显示 </P> </body> </html>

		自动登录	找回密码
密码			立即注册