如何使用html獲取當前時間?

html獲取當前時間一般使用javascript

首先使用new Date()獲取當前時間,但是這時候輸出的時間並不是我們平時習慣的時間方式

eg:


運行效果爲:


然後使用相應的函數獲取年、月、日,我們以獲取年份的例子來看一下效果


運行效果爲:

再加上 星期,時、分、秒之後:


運行效果:


然後發現這是靜態的,只能獲取當前時間,而不會隨時間的變化而變化,如果希望效果是動態的,我們需要使用計時器

setTimeout(code,millisec)或者setInterval(code,millisec),在下面的例子裏我們用的是setInterval(code,millisec)

並且在輸出時借用了一個文本框


效果爲:


看起來好像沒有什麼變化,但在自己運行的時候顯示的會是一個動態的效果。

說一下20行的代碼,爲了讓分鐘數小於10時也可以顯示兩位數的效果,看起來更美觀。20行的其他兩個類似的代碼也是爲了這樣的效果。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章