網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

實例講解JavaScript中怎麼獲取當前系統時間

欄目: 學習交流 / 發佈於: / 人氣:1.83W

JavaScript是互聯網上最流行的的腳本語言,專門用來改進網頁設計,增加網頁與用户的互動性,還可以用來檢驗表單等等,應用範圍廣泛,值得學習。現在,我們以實際的例子來看看JavaScript中怎麼獲取當前系統的時間吧。

實例講解JavaScript中怎麼獲取當前系統時間

操作方法

(01)新建文檔雙擊桌面上的Dreamweaver圖標,打開軟件,然後在菜單欄中找到:【文件】---【新建】---【HTML】新建一張HTML類型的文檔。

實例講解JavaScript中怎麼獲取當前系統時間 第2張

(02)保存文件快捷鍵【ctrl+S】,彈出一個【存放位置】窗口,輸入【文件名】為time,文件類型為【All Document】,然後點擊【確定】即可。

實例講解JavaScript中怎麼獲取當前系統時間 第3張

(03)佔位符在【】文件的body主體部分編輯代碼,編寫一個div用來放置時間。具體代碼如下所示: <div id="div1"></div>

實例講解JavaScript中怎麼獲取當前系統時間 第4張

(04)編輯script腳本代碼,javascript代碼要放在script中間,代碼如下所示:<script type="text/javascript"></script>

實例講解JavaScript中怎麼獲取當前系統時間 第5張

(05)然後在script中編寫時間代碼,用來顯示系統的時間,具體代碼如下所示。 setInterval(function(){ var time = new Date(); var hour = ours(); var minute = inutes(); var second = econds(); var oDiv = lementById('div1'); rHTML = "現在是"+hour+"時"+minute+"分"+second+"秒"; },1000);

實例講解JavaScript中怎麼獲取當前系統時間 第6張

(06)預覽方法點擊【Dreamweaver】軟件中的【地球圖標】,在下拉列表中選擇【預覽在360瀏覽器】。

實例講解JavaScript中怎麼獲取當前系統時間 第7張

(07)預覽結果在瀏覽器中預覽的效果如下圖所示,可以看到時間跟電腦系統的時間是一致的,而且是動態的。

實例講解JavaScript中怎麼獲取當前系統時間 第8張

(08)解析下代碼的含義(1) setInterval(function(){})動作函數,表示在播放動作的時候,每個一定的時間調用一次函數,所以在瀏覽器中預覽的時間才會發生動態變化;(2) var time = new Date();獲取當前系統的時間;(3)var hour = ours();獲取當前系統的時間var minute = inutes();獲取當前系統的分鐘 var second = econds();獲取當前系統的秒(4)為了便於理解,貼出頁面的全部代碼供參考:<body> <div id="div1"></div></body><script type="text/javascript"> setInterval(function(){ var time = new Date(); var hour = ours(); var minute = inutes(); var second = econds(); var oDiv = lementById('div1'); rHTML = "現在是"+hour+"時"+minute+"分"+second+"秒"; },1000); </script></html>

實例講解JavaScript中怎麼獲取當前系統時間 第9張

特別提示

(1)在編寫代碼時要注意代碼格式和英文的正確性;<br/>(2)獲取系統時間指的是當前電腦顯示的時間,而不是北京時間;<br/>(3)編寫代碼的工具使用的是Dreamweaver軟件,也可以使用其他的IDE工具;