我们用的定时器是setInterval()
方法,它有两个参数,第一个参数是函数(function),第二个参数间隔的毫秒数(1000 毫秒是一秒)。
.js 文件
获取当前时间方法:
function getTime() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("111").innerHTML = t;
}
.html 文件
<script>
var timer;
function start() {
// 判断计时器是否销毁了
if (timer == null)
{
timer = window.setInterval(function() {getTime()},1000);
}
}
function stop() {
// 停止计时
window.clearInterval(timer);
// 定时器置空
timer = null;
}
</script>
<button id="btn1" type="button" onclick="stop()">暂停计时器</button>
<button id="btn2" type="button" onclick="start()">开启计时器</button>
这时候点击按钮2就会开始计时,按钮1就会暂停计时。