HTML實現頁面實時更新時間

2021-10-08 06:47:22 字數 3051 閱讀 2868

>

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中有...