js动态显示时间

<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>   

你可能感兴趣的:(html)