javascript实现动态显示年月日时分秒星期

最新推荐文章于 2022-02-27 14:41:48 发布

铁匠Q

最新推荐文章于 2022-02-27 14:41:48 发布

阅读量1.4k

点赞数

记录一个javascript实现动态显示年月日时分秒星期的方法，测试浏览器为360和ie8。此方法主要是基于javascript的Date对象实现的，我理解Date（）方法返回的是浏览器端的当前日期时间，如果浏览器客户端的时间是错误的，这个实现方法呈现的时间也就是错误的。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>javascript动态显示时间</title> 
<script language="JavaScript">
function showLocale(objD) 
{ 
var str; 
var hh = objD.getHours(); 
var mm = objD.getMinutes(); 
var ss = objD.getSeconds(); 
var month = objD.getMonth()+1;
var date = objD.getDate();

switch (objD.getDay()) {
case 0:val="星期天";break
case 1:val="星期一";break
case 2:val="星期二";break
case 3:val="星期三";break
case 4:val="星期四";break
case 5:val="星期五";break
case 6:val="星期六";break
  }
 
if(hh<10)hh='0'+hh; 
if(mm<10)mm='0'+mm; 
if(ss<10)ss='0'+ss; 
if(month<10)month='0'+month;
if(date<10)date = '0' + date;
 
var year = objD.getFullYear();
 
str=year+"年";
str+=month+"月"+date+"日"; 

str+= hh+":"+mm+":"+ss; 
str +=" "+val;
return(str); 
} 
 
function tick() 
{ 
var today; 
today=new Date(); 
document.getElementById("localtime").innerHTML=showLocale(today); 
} 
 
window.setInterval("tick()",1000); 
</script>
</head>
<div> 
当前时间：<span id="localtime"></span> 
</div> 
</html>