實例講解JavaScript中怎麼獲取當前系統時間
JavaScript是互聯網上最流行的的腳本語言,專門用來改進網頁設計,增加網頁與用戶的互動性,還可以用來檢驗表單等等,應用範圍廣泛,值得學習。現在,我們以實際的例子來看看JavaScript中怎麼獲取當前系統的時間吧。
操作方法
(01)新建文檔雙擊桌面上的Dreamweaver圖標,開啟軟件,然後在選單欄中找到:【檔案】---【新建】---【HTML】新建一張HTML類型的文檔。
(02)儲存檔案快速鍵【ctrl+S】,彈出一個【存放位置】視窗,輸入【檔案名】爲time,檔案類型爲【All Document】,然後點擊【確定】即可。
(03)佔位符在【】檔案的body主體部分編輯代碼,編寫一個div用來放置時間。具體代碼如下所示: <div id="div1"></div>
(04)編輯script腳本代碼,javascript代碼要放在script中間,代碼如下所示:<script type="text/javascript"></script>
(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);
(06)預覽方法點擊【Dreamweaver】軟件中的【地球圖標】,在下拉列表中選擇【預覽在360瀏覽器】。
(07)預覽結果在瀏覽器中預覽的效果如下圖所示,可以看到時間跟電腦系統的時間是一致的,而且是動態的。
(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>
特別提示
(1)在編寫代碼時要注意代碼格式和英文的正確性;<br/>(2)獲取系統時間指的是當前電腦顯示的時間,而不是北京時間;<br/>(3)編寫代碼的工具使用的是Dreamweaver軟件,也可以使用其他的IDE工具;
-
獨角獸真的存在嗎?獨角獸的十大來歷和傳說
導語:有沒有想過獨角獸是真的?這隻強大的野獸只是個神話嗎?古往今來,有很多人在問世界上真的有獨角獸嗎?獨角獸有什麼特殊含義?之前小編爲大家講解過世上有龍的十大證據,接下來呢就爲大家揭祕獨角獸的十大來歷和傳說,感興趣的不妨一起往下看!獨角獸的十大來歷和傳...
-
皇族最純正的十個姓氏 這十個姓氏真正帶有皇室血統
導語:中華上下五千年,一直以來皇權都是處於至高無上的地位,只要和皇權可以捱上邊就是比較典型的皇親國戚了,而百家姓中皇族最純正的十個姓氏分別是張姓,李姓,王姓,黃姓,陳姓,楊姓,趙姓,周姓,吳姓,徐姓,和探祕志一起看看吧。1、張姓張姓是中國最尊貴的姓氏,是從姬姓起源的,據說...
-
ABO血型系統是什麼?血型是按照什麼來劃分的
導語:ABO血型系統是根據紅細胞表面有沒有特別的凝集原A和B來區分血液,最早是由德斯坦納在1900年發現和提出的,主要分爲A、B、AB、O四種血型,假如在紅細胞上只有凝集原A的話就是A型血,如果血型不適合就會引起凝集,從而導致血管堵塞,下面探祕志就帶大家一起看看ABO血型...
-
蝸牛有寄生蟲嗎
(01)蝸牛身上確實存在寄生蟲。其中一種常見的寄生蟲是雙盤吸蟲(又稱雙吸盤蟲)。這種寄生蟲在蝸牛的觸角中蠕動,可以吸引鳥類來捕食蝸牛。(02)雙盤吸蟲的生活史中有一個階段超過90%都是寄生在蝸牛體內的。雖然蝸牛身上有寄生蟲,但對人類而言,一般情況下接觸到蝸牛身上的...