JS 动态显示年月日星期时分秒

最新推荐文章于 2024-05-17 14:01:49 发布

好吃不看我

最新推荐文章于 2024-05-17 14:01:49 发布

阅读量2.2k

点赞数 2

分类专栏：前端

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

话不多说，直接上代码

[html]view plaincopy 
   
 <html>  
 <head>  
 <meta http-equiv="Content-Type” content="text/html; charset=gb2312">  
 <title>动态显示年月日星期时分秒</title>  
 <script type="text/javascript">  
 var days=new  Array ("日", "一", "二", "三", "四", "五", "六");  
 function showDT() {  
   var currentDT = new Date();  
   var y,m,date,day,hs,ms,ss,theDateStr;  
   y = currentDT.getFullYear(); //四位整数表示的年份  
   m = currentDT.getMonth(); //月  
   date = currentDT.getDate(); //日  
   day = currentDT.getDay(); //星期  
   hs = currentDT.getHours(); //时  
   ms = currentDT.getMinutes(); //分  
   ss = currentDT.getSeconds(); //秒  
   theDateStr = y+"年"+  m +"月"+date+"日 星期"+days[day]+" "+hs+":"+ms+":"+ss;  
   document.getElementById("theClock"). innerHTML =theDateStr;  
   // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次  
   window.setTimeout( showDT, 1000);  
 }  
 </script>  
 </head>  
 <body onload="showDT()">  
 <div id="theClock" style="font-weight: bold; width: 300px;"></div>  
 </body>  
 </html>  