>
var date =
newdate()
;var year = date.
getfullyear()
;var month = date.
getmonth()
+1; month=month<10?
"0"+month:month;
var day = date.
getdate()
; day=day<10?
"0"+day:day;
var week = date.
getday()
;switch
(week)
case2:
case3:
case4:
case5:
case6:
case0:
}var hour = date.
gethours()
; hour= hour<10?
"0"+ hour: hour;
var minute = date.
getminutes()
; minute=minute<10?
"0"+minute:minute;
var second = date.
getseconds()
; second=second<10?
"0"+second:second;
console.
log(year+
"."+month+
"."+day+
" "+week+
" "+hour+
":"+minute+
":"+second)
;script
>
上述**能通過f12在頁面中查詢,但是無法直接在頁面顯示。若要在頁面中顯示需要使用inner方法。
"time"
>
span
>
>
var date =
newdate()
;var year = date.
getfullyear()
;var month = date.
getmonth()
+1; month=month<10?
"0"+month:month;
var day = date.
getdate()
; day=day<10?
"0"+day:day;
var week = date.
getday()
;switch
(week)
case2:
case3:
case4:
case5:
case6:
case0:
}var hour = date.
gethours()
; hour= hour<10?
"0"+ hour: hour;
var minute = date.
getminutes()
; minute=minute<10?
"0"+minute:minute;
var second = date.
getseconds()
; second=second<10?
"0"+second:second;
var result = year+
"."+month+
"."+day+
" "+week+
" "+hour+
":"+minute+
":"+second ;
document.
getelementbyid
("time"
).innerhtml = result;
script
>
如此便可以在頁面中顯示時間,但無法實時更新。實時更新需要用到setinterval方法實現。
"time"
>
span
>
>
function
show()
case2:
case3:
case4:
case5:
case6:
case0:
}var hour = date.
gethours()
; hour= hour<10?
"0"+ hour: hour;
var minute = date.
getminutes()
; minute=minute<10?
"0"+minute:minute;
var second = date.
getseconds()
; second=second<10?
"0"+second:second;
var result = year+
"."+month+
"."+day+
" "+week+
" "+hour+
":"+minute+
":"+second ;
document.
getelementbyid
("time"
).innerhtml = result;
}show()
;setinterval
("show()"
,1000);
script
>
switch語句過於冗長,可以通過charat方法簡化**。
"time"
>
span
>
>
function
show()
show()
;setinterval
("show()"
,1000);
script
>
HTML中如何實現時間在頁面中實時更新
doctype html utf 8 time title var date newdate var year date.getfullyear var month date.getmonth 1 month month 10?0 month month var day date.getdate d...
Django結合ajax進行頁面實時更新的例子
django結合ajax進行頁面實時更新踩過的坑 簡單記錄一下在使用django echarts和ajax實現資料動態更新時遇到的一些坑 1 url配置錯誤,路徑沒有找對 最後使用絕對路徑 2 後台 view.py 傳的資料型別不對導致 3 沒有配置js源,根本發不出ajax請求 第一次接觸js根本...
HTML頁面中顯示時間
charset utf 8 title type text css span span hover style head time span varshow function show setinterval show 1000 script body html js內建物件date的使用 js中有...