js动态显示时间

最新推荐文章于 2023-11-14 16:35:54 发布

lihua2915

最新推荐文章于 2023-11-14 16:35:54 发布

阅读量159

点赞数

分类专栏： JS脚本文章标签： HTML

本文链接：https://blog.csdn.net/lihua2915/article/details/83519113

版权

JS脚本专栏收录该内容

53 篇文章 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>

lihua2915

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态显示时间

[code="HTML"] js动态显示当前日期，时间和星期代码 function getDate(){ var date=new Date(); var month=date.getMonth()+1; var day=date.getDate(); if(month.toString().length ...
复制链接

扫一扫