自己動手製作一個網頁時鐘,學不會你拿刀砍我

<br> var divid = document.getElementById("divid"); //獲取 div 標籤返回的對象<br> setInterval("settime()",1000); //創建一個定時器,一秒調用一次這個方法<br> function settime(){ //創建方法<br> var dd = new Date(); //創建一個時間類對象<br> var y = dd.getFullYear(); //返回年<br> var m = dd.getMonth(); //返回月<br> var d = dd.getDate(); //返回日<br> var h = dd.getHours(); //返回時<br> var i = dd.getMinutes(); //返回分<br> var s = dd.getSeconds(); //返回秒<br> var date = y+"/"+m+"/"+d+" "+h+":"+i+":"+s; //將獲取的所有值組合成一個變量<br> divid.innerHTML=date; //將獲取的時間值輸入到div對象中,也可以用innerText<br> }<br>



製作網頁

(1):將上邊的源代碼複製

(2):新建一個文本文檔

自己動手製作一個網頁時鐘,學不會你拿刀砍我

點擊鼠標右鍵

自己動手製作一個網頁時鐘,學不會你拿刀砍我

創建文本文檔

(3):將代碼粘貼到文檔裡,按下鍵盤上的 ctrl + S 保存

自己動手製作一個網頁時鐘,學不會你拿刀砍我

(4):重命名

自己動手製作一個網頁時鐘,學不會你拿刀砍我

在文件上鼠標右擊

在文件上鼠標右擊

自己動手製作一個網頁時鐘,學不會你拿刀砍我

將後綴名從 txt 修改為 html

將後綴名從 txt 修改為 htm

自己動手製作一個網頁時鐘,學不會你拿刀砍我

按回車確認,然後點擊打開就看到啦 很神奇吧

自己動手製作一個網頁時鐘,學不會你拿刀砍我

關注我,每天推送有用的代碼教程,小白也能變大神哦!


分享到:


相關文章: