純js實現(xiàn)動態(tài)時間顯示
更新時間:2020年09月07日 13:48:08 作者:開心陽
這篇文章主要為大家詳細(xì)介紹了純js實現(xiàn)動態(tài)時間顯示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js動態(tài)時間顯示 的具體代碼,供大家參考,具體內(nèi)容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js動態(tài)時間顯示 </title>
</head>
<body id = "show">
<script>
function run(){
var time = new Date();//獲取系統(tǒng)當(dāng)前時間
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系統(tǒng)時間月份中的日
var day = time.getDay();//系統(tǒng)時間中的星期值
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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

