HTML部分：

　　　　　<div class="div"><div id="div"></div></div>

　　CSS樣式部分：

*{margin: 0; padding: 0;} .div{width:100%;height:636px;background: linear-gradient(to top, #333 0%, #fff 100%);} #div{box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-100%);font-family: STXingkai;font-size: 50PX;}

　　JS部分：

　　　　　function biao(){var div = document.getElementById("div");var dt = new Date(); //獲取當前系統時間var year = dt.getFullYear();　//獲取年var month = dt.getMonth()+1;　//獲取月var ri = dt.getUTCDate();　　 //獲取日var hours = dt.getHours();　　//獲取時var min = dt.getMinutes();　　//獲取分var sec = dt.getSeconds();　　//獲取秒var day = dt.getDay();　　　　//獲取星期幾，返回的是數字，不是一二三這種中文，var arr = ["一","二","三","四","五","六","日"] //將星期返回的數字轉換成中文的一二三四div.innerHTML=year+"年"+month+"月"+ri+"日"+hours+"時"+"<br />"+min+"分"+sec+"秒"+"星期："+arr[day-1];}setInterval("biao()",1000); //setInterval定時器:第一個值為biao()這個方法，第二個值為多少秒執行一次。

?

最終效果：

　　

?

　　

轉載于:https://www.cnblogs.com/houxiaowei/p/8267828.html

總結

以上是生活随笔為你收集整理的JS动态获取当前时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。