js动态显示时间改进版

271788203 · 发表于 2013-2-7 19:50:32

本文是在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>

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

js动态显示时间 改进版

浏览过的版块

js动态显示时间改进版