js动态显示时间改进版

最新推荐文章于 2024-04-06 08:52:02 发布

iteye_650

最新推荐文章于 2024-04-06 08:52:02 发布

阅读量111

点赞数

分类专栏： javaScript 文章标签： HTML Blog

javaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文是在http://ayaya.iteye.com/blog/153968的基础上进行改进，可以显示AM 和PM 有不同类型的显示：

代码有点乱，O(∩_∩)O~ 后两个日期没有优化，有兴趣可以自己改下哦~

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