如何在html顯示當前時間
阿新 • • 發佈：2019-02-28
inner 月份 local function itl 顯示時間 sss 當前 etsec
#show_time0,#show_time {
width:300px;
height:100px;
color: #FFF;
}
</style>
</head>
<body>
<div id="main">
<div id="show_time0" style="">
<script>
//這裏就一句話就可以顯示時間，但不是我想要的最理想結果
setInterval("show_time0.innerHTML=new Date().toLocaleString()+‘ 星期‘+‘日一二三四五六‘.charAt(new Date().getDay());",1000);
</div>
<div id="show_time">
<script>
//這裏代碼多了幾行，但是不會延遲顯示，速度比較好，格式可以自定義，是理想的時間顯示
setInterval("fun(show_time)",1);
function fun(timeID){
var date = new Date(); //創建對象
var y = date.getFullYear(); //獲取年份
var m =date.getMonth()+1; //獲取月份 返回0-11
var d = date.getDate(); // 獲取日
var ww = ‘ 星期‘+‘日一二三四五六‘.charAt(new Date().getDay()) ;//星期幾
var h = date.getHours(); //時
var minute = date.getMinutes() //分
var s = date.getSeconds(); //秒
var sss = date.getMilliseconds() ; //毫秒
if(m<10){
m = "0"+m;
}
if(d<10){
d = "0"+d;
}
if(h<10){
h = "0"+h;
}
下邊那個是一直快速跳轉的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show_time</title>
<style>
body {
padding-top: 40px;
}
#main {
margin: auto;
text-align: center;
width: 300px;
height: 200px;
background-color: #0CC;
#show_time0,#show_time {
width:300px;
height:100px;
color: #FFF;
}
</style>
</head>
<body>
<div id="main">
<div id="show_time0" style="">
<script>
//這裏就一句話就可以顯示時間，但不是我想要的最理想結果
setInterval("show_time0.innerHTML=new Date().toLocaleString()+‘ 星期‘+‘日一二三四五六‘.charAt(new Date().getDay());",1000);
</div>
<div id="show_time">
<script>
//這裏代碼多了幾行，但是不會延遲顯示，速度比較好，格式可以自定義，是理想的時間顯示
setInterval("fun(show_time)",1);
function fun(timeID){
var date = new Date(); //創建對象
var y = date.getFullYear(); //獲取年份
var m =date.getMonth()+1; //獲取月份 返回0-11
var d = date.getDate(); // 獲取日
var ww = ‘ 星期‘+‘日一二三四五六‘.charAt(new Date().getDay()) ;//星期幾
var h = date.getHours(); //時
var minute = date.getMinutes() //分
var s = date.getSeconds(); //秒
var sss = date.getMilliseconds() ; //毫秒
if(m<10){
m = "0"+m;
}
if(d<10){
d = "0"+d;
}
if(h<10){
h = "0"+h;
}
if(minute<10){
minute = "0"+minute;
}
if(s<10){
s = "0"+s;
}
if(sss<10){
sss = "00"+sss;
}else if(sss<100){
sss = "0"+sss;
}
document.getElementById(timeID.id).innerHTML = y+"-"+m+"-"+d+" "+h+":"+minute+":"+s+"."+sss+" "+ww;
//document.write(y+"-"+m+"-"+d+" "+h+":"+minute+":"+s);
}
</script>
</div>
</div>
</body>
</html>
如何在html顯示當前時間