abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,&
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css" > #clock { font: bold 24pt sans ; background: #f18bed; padding: 10px; border: 2px solid #ff0000; border-radius: 10px; color:#ffffff; } </style> </head> <body onload="displayTime(this)"> <!-- HTML 事件觸發(fā)瀏覽器中的動作(action),比如當(dāng)用戶點(diǎn)擊某個 HTML 元素時啟動 一段 JavaScript代碼。下面是一個屬性列表,這些屬性可插入 HTML 標(biāo)簽來定義事件動作 屬性 描述 onfocus 元素獲得焦點(diǎn)。 onblur 元素失去焦點(diǎn)。 onchange 域的內(nèi)容被改變。 onclick 當(dāng)用戶點(diǎn)擊某個對象時調(diào)用的事件句柄。 ondblclick 當(dāng)用戶雙擊某個對象時調(diào)用的事件句柄。 onkeydown 某個鍵盤按鍵被按下。 onkeyup 某個鍵盤按鍵被松開。 onkeypress 某個鍵盤按鍵被按下并松開。 onload 一張頁面或一幅圖像完成加載。 onmousedown 鼠標(biāo)按鈕被按下。 onmousemove 鼠標(biāo)被移動。 onmouseout 鼠標(biāo)從某元素移開。 onmouseover 鼠標(biāo)移到某元素之上。 onmouseup 鼠標(biāo)按鍵被松開 onsubmit 確認(rèn)按鈕被點(diǎn)擊。 --> <script type="text/javascript" charset="utf-8"> function displayTime() { var elt = document.getElementById("clock"); // 通過id= "clock"找到元素 var now = new Date(); // 得到當(dāng)前時間 elt.innerHTML = now.toLocaleTimeString(); //讓elt來顯示它 setInterval(displayTime,1000); } </script> <h1>一個簡單的數(shù)字時鐘</h1> <span id="clock" ></span> </body> </html>
Correcting teacher:天蓬老師Correction time:2019-01-13 09:42:39
Teacher's summary:now.toLocaleTimeString(); 這行代碼很重要, 是什么意思一定要搞明白