js动态显示时间-JS调整时间

客官°小女子只卖身不卖艺 2022-06-14 10:12 184阅读 0赞

[![Center][]][Center 1]

转载自：[IT摆渡网][Center 1] \-- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！--[点击打开链接][Center 1]www.itbaiduwang.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />  
<title>js动态显示时间(中国时间、美国时间)--IT摆渡网www.itbaiduwang.com</title>  
</head>  
<body>  
<div id="ddate"></div>  
<div id="ddate2"></div>  
<script language="javascript">  
//var ddate=document.getElementByIdx\_x\_x("ddate");  
//var ddate2=document.getElementByIdx\_x\_x("ddate2");  
  
//网上给出的是上面的代码，怎么会多出个x\_x\_x呢，下面才是正确的  
var ddate=document.getElementById("ddate");  
var ddate2=document.getElementById("ddate2");  
  
function updatedate()\{  
var dd1=new Date();  
dd1.setMinutes(dd1.getMinutes()+dd1.getTimezoneOffset()-240); //取当地时间加上和格林威治的时差减要求地区和格林的时差分钟，这里是-300，代表美国东部纽约和格林的时差  
//先设置setMinutes再取getHours才有效  
var tmin=dd1.getHours();  
if(tmin>=0 && tmin<6)\{  
   tmin='凌晨'+tmin;  
\}  
if(tmin>=6 && tmin<=12)\{  
   tmin='早上'+tmin;  
\}  
if(tmin>12 && tmin<=18)\{  
   tmin='下午'+tmin;  
\}  
if(tmin>18 && tmin<=24)\{  
   tmin='晚上'+tmin;  
\}  
   
ddate.innerHTML='美国东部时间:'+dd1.getFullYear()+"年"+(dd1.getMonth()+1)+"月"+dd1.getDate()+"日"+tmin+"点"+dd1.getMinutes()+"分"+dd1.getSeconds()+"秒";  
var dd2=new Date();  
    dd2.setMinutes(dd2.getMinutes()+dd2.getTimezoneOffset()+13\*60-300);//纽约和中国相差13个小时，夏天是12个小时所以这里加上13\*60 夏天改为12\*60  
ddate2.innerHTML='北京时间'+ dd2.getFullYear()+"年"+(dd2.getMonth()+1)+"月"+dd2.getDate()+"日"+dd2.getHours()+"点"+dd2.getMinutes()+"分"+dd2.getSeconds()+"秒";  
 var t=setTimeout("updatedate()",1000);  
\}  
updatedate();  
</script>  
</body>  
</html>

[Center]: /images/20220614/47fa60a622184a6f9315234d1ac0121b.png
[Center 1]: http://www.itbaiduwang.com