小編給大家分享一下純js如何實現動態時間顯示，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。
具體內容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js動態時間顯示 </title>
</head>
<body id = "show">
<script>
function run(){
var time = new Date();//獲取系統當前時間
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系統時間月份中的日
var day = time.getDay();//系統時間中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day];//顯示為星期幾
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
console.log(seconds);
if(month<10){
month = "0"+month;
}
if(date<10){
date = "0"+date;
}
if(hour<10){
hour = "0"+hour;
}
if(minutes<10){
minutes = "0"+minutes;
}
if(seconds<10){
seconds = "0"+seconds;
}
//var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
setTimeout('run()',1000);
}
run();
</script>
</body>
</html>以上是“純js如何實現動態時間顯示”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
