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

最新推荐文章于 2024-08-06 23:12:50 发布

贴身护卫love

最新推荐文章于 2024-08-06 23:12:50 发布

阅读量853

点赞数

分类专栏：网站js特效文章标签： js

本文链接：https://blog.csdn.net/u013179458/article/details/17360539

版权

网站js特效专栏收录该内容

2 篇文章 0 订阅

订阅专栏


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