摘要：<!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 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动
一段 JavaScript代码。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作
属性 描述
onfocus 元素获得焦点。
onblur 元素失去焦点。
onchange 域的内容被改变。
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
onkeydown 某个键盘按键被按下。
onkeyup 某个键盘按键被松开。
onkeypress 某个键盘按键被按下并松开。
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。
onmouseup 鼠标按键被松开
onsubmit 确认按钮被点击。 -->
<script type="text/javascript" charset="utf-8">
function displayTime() {
var elt = document.getElementById("clock"); // 通过id= "clock"找到元素
var now = new Date(); // 得到当前时间
elt.innerHTML = now.toLocaleTimeString(); //让elt来显示它
setInterval(displayTime,1000);
}
</script>
<h1>一个简单的数字时钟</h1>
<span id="clock" ></span>
</body>
</html>
批改老师：天蓬老师批改时间：2019-01-13 09:42:39
老师总结：now.toLocaleTimeString(); 这行代码很重要, 是什么意思一定要搞明白
