1500字范文 > js动态显示当前日期和时间

js动态显示当前日期和时间

时间：2021-04-21 18:34:50

相关推荐

js动态显示当前日期和时间

<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>获取当前时间</title><style type="text/css">#currentTime{width:300px;height:40px;line-height:40px;background-color:#cccccc;text-align:center;}</style></head><body><div id="currentTime"></div></body><script type="text/javascript">setInterval(function(){var date = new Date(); var y = date.getFullYear();//获取年份var M = date.getMonth()+1;//获取月份//getMonth返回0、1、2、...、11，分别代表1~12月var d = date.getDate();//获取日期var w = date.getDay();//获取星期//getDay返回0、1、2、...、6，分别代表周日、周一、...、周六switch(w){case 1:w = '一';break;case 2:w = '二';break;case 3:w = '三';break;case 4:w = '四';break;case 5:w = '五';break;case 6:w = '六';break;default:w = '日';}var h = date.getHours();//获取小时if(h>=0 && h<=9)h = '0'+h;var m = date.getMinutes();//获取分钟if(m>=0 && m<=9)m = '0'+m;var currentTime = document.getElementById('currentTime');currentTime.innerHTML = y+'年'+M+'月'+d+'日'+' '+'星期'+w+' '+h+':'+m;},1000)</script></html>

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。