js动态显示时间-优快云博客

本文介绍了一段JavaScript代码，用于动态地在网页上显示当前的日期、时间和星期。通过使用`Date`对象及其方法，实现了每秒更新一次时间的功能。

<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>   
     
<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>   
要显示在一行，请使用<span>标签<br>   
如果使用new Date().getHours()方法，下午的时间会返回12以上的值，我将它换为PM时间方式显示   
</P>   
</body>    
</html>