1 <!DOCTYPE html>
2 <html lang="zh">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>Document</title>
8 <style>
9 #timeDiv {
10 font-size: 18px;
11 height: 20px;
12 line-height: 20px;
13 }
14 </style>
15
16
17 </head>
18 <body>
19 <script>
20 'user strict';
21 window.onload = function() {
22 document.getElementById("startBtn").onclick = function() {
23 // 显示时间函数
24 function timeDisplay() {
25 let timeStr = new Date().toLocaleString();
26 document.getElementById("timeDiv").innerText = timeStr;
27 }
28 window.timeFlag = window.setInterval(timeDisplay, 1000);
29 }
30 document.getElementById("stopBtn").onclick = function() {
31 window.clearInterval(window.timeFlag);
32 }
33 }
34 </script>
35
36 <div id="timeDiv"></div>
37 <button id="startBtn">显示时间</button>
38 <button id="stopBtn">显示暂停</button>
39
40
41 </body>
42 </html>
