<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js动态显示当前日期，时间和星期代码</title>
<script type="text/javascript">
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());
}
</mce:script>
</head>
<body>
当前时间：<div id="time">
<script type="text/javascript">
document.getElementById('time').innerHTML=getDate();
setInterval("document.getElementById('time').innerHTML=getDate();",1000);
</script>
</div>
<span id="day1">
<script type="text/javascript">
document.getElementById('day1').innerHTML=new Date().getYear()+"年"+(new Date().getMonth()+1)+"月"+new Date().getDate()+"日"+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
</script>
</span>
<span id="day2">
<script type="text/javascript">
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> 
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
