版权声明：未经博主同意，禁止转载 https://blog.csdn.net/weixin_42130471/article/details/84581160
先贴代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">//s+回车
function getnow(){
var now=new Date();
//转化为本地时间，写回网页指定位置
document.getElementById("now").innerHTML=now.toLocaleString();
// window.setTimeout("getnow()",1000);
//setTimeout方法是1000ms调用getnow()方法一次
//window可写可不写，另一种写法window.setTimeout(getnow,1000)
}
//方法二，<body onload="getnow()">onload="getnow()"可以不写
var myclock=window.setInterval(getnow,1000);//每隔一秒调用getnow一次，即使onload没用调用
window.onload=getnow;
function pauseTime(){//让时间暂停
window.clearInterval(myclock);
}
function continueTime(){//让时间继续
myclock=setInterval(getnow,1000);
}
</script>
</head>
<body>
现在时间时间是<div id="now"></div>
<input type="button" value="暂停" onclick="pauseTime()">
<input type="button" value="继续" onclick="continueTime()">
</body>
</html>
效果展示：
知识点：setInterval()和setTimeout()区别，setInterval（）每隔一定时间调用一次，setTimeout（）只调用一次，要连续调用需要使用递归或循环。