JavaScript

2024-04-27 15:14:56

字體：大中小

來源：轉載

供稿：網友

利用js函數在HTML中顯示時間

js代碼

var initializationTime=(new Date()).getTime();function showLeftTime(){var now=new Date();/*如果使用getYear這個方法會導致獲取的年份出錯*/var year=now.getFullYear();var month=now.getMonth();var day=now.getDate();var hours=now.getHours();var minutes=now.getMinutes();var seconds=now.getSeconds();//show1表示iddocument.all.show1.innerHTML="系統時間："+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";//一秒刷新一次顯示時間var timeID=setTimeout(showLeftTime,1000);}

HTML代碼

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>系統時間</title><script type="text/javascript" src="setClock.js"></script></head><body onload="showLeftTime()"><div><label id="show1">顯示時間的位置</label></div></body></html>

只需要新建一個文件夾，在文件夾中新建一個js文件，然后再HTML文件的head標簽中用代碼

調用setClock.js文件，如果文件不在根目錄下，需要寫上完整的文件位置eg：src=”test/setHomeSetFav.js”

上一篇：校驗前端輸入框輸入字符是否合法

下一篇：javascript學習之 function類型（28）——function類型 this應用