StopBtn不能调用两次
一旦这个函数被调用,它就会保持不变,不起作用,我也得到了一个错误,告诉我定时器不是一个对象。我真的不知道问题出在哪里
var timer = setInterval(clock, 1000);
function clock() {
var date = new Date();
var time = date.toLocaleTimeString();
document.getElementById("time").innerHTML = "The Current time is > " + time;
}
var startBtn = document.getElementById("start");
var stopBtn = document.getElementById("stop");
stopBtn.addEventListener("click", stopTime);
function stopTime() {
var stoptime = clearInterval(timer);
console.log("Stop");
}
startBtn.addEventListener("click", startTime);
function startTime() {
var starttime = setInterval(clock, 1000);
console.log("hello");
}
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai&display=swap" rel="stylesheet" />
</head>
<body>
<button id="stop">STOP TIME</button>
<button id="start">START TIME</button>
<h1 id="h1">We are Coding JavaScript</h1>
<h3>Keep On Practicing Dude!</h3>
<div id="time"></div>
<script src="script.js"></script>
</body>
</html>
https://stackoverflow.com/questions/56263400
复制相似问题