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

例項講解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工具;