您的位置：首页 > Web前端 > JavaScript

js动态显示当前日期，时间和星期代码

2013-12-16 21:01 751 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js

相关文章推荐

新的分享

章节导航