效果圖:

代碼如下:
<!DOCTYPE HTML><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>一個(gè)簡(jiǎn)單的數(shù)字時(shí)鐘</title> <script type="text/javascript" charset="utf-8"> // 定義一個(gè)函數(shù)用以顯示當(dāng)前時(shí)間 function displayTime() { var elt = document.getElementById("clock"); // 通過(guò)id= "clock"找到元素 var now = new Date(); // 得到當(dāng)前時(shí)間 elt.innerHTML = now.toLocaleTimeString(); //讓elt來(lái)顯示它 setTimeout(displayTime,1000); //在1秒后再次執(zhí)行 } window.onload = displayTime; //當(dāng)onload事件發(fā)生時(shí)開始顯示時(shí)間 </script> <style type="text/css" media="all"> #clock { font: bold 24pt sans; background: #ddf; padding: 10px; border: 2px solid black; border-radius: 10px; } </style> </head> <body> <h1>一個(gè)簡(jiǎn)單的數(shù)字時(shí)鐘</h1> <span id="clock"></span> </body></html>以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持武林網(wǎng)!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注