摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript 小測試 </title> <style> .time{width: 920px;height: 240p
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 小測試
</title>
<style>
.time{width: 920px;height: 240px;border: 1px solid #7c7c7c;border-radius: 30px;margin: 50px auto;}
.box{margin: 30px;}
.time_num{display: inline-block;width: 120px;height: 100px;background: red;line-height: 100px;font-size: 50px;text-align: center;}
</style>
<script type="text/javascript">
var myDate;
setInterval(function(){
myDate = new Date();
years.innerHTML = myDate.getFullYear() ;
months.innerHTML = myDate.getMonth() + 1;
days.innerHTML = myDate.getDate();
hours.innerHTML = myDate.getHours();
minutes.innerHTML = myDate.getMinutes();
seconds.innerHTML = myDate.getSeconds();
},1000)
</script>
</head>
<body>
<div>
<div>
<h1>北京時間：</h1>
<span id="years"></span><span>年</span>
<span id="months"></span><span>月</span>
<span id="days"></span><span>日</span>
<span id="hours"></span><span>時</span>
<span id="minutes"></span><span>分</span>
<span id="seconds"></span><span>秒</span>
</div>
</div>
</body>
</html>
批改老師：天蓬老師批改時間：2019-01-27 15:32:51
老師總結(jié)：如果配一個數(shù)字時鐘的圖片 就好了