<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="StartInterval();">Start</button>
<button onclick="StopInterval();">Stop</button>
<br>
<div id="Dsp"></div>
</body>
<script>
var oTestInterval;
eDsp = document.getElementById("Dsp");
function StartInterval() {
console.log("StartInterval()");
if (!oTestInterval) {
console.log("if (!oTestInterval)");
oTestInterval = setInterval(() => {
eDsp.innerHTML += "*";
}, 1000);//ms
}
}
function StopInterval() {
if (oTestInterval) {
clearInterval(oTestInterval);
oTestInterval = null;
}
}
</script>
</html>
PCFET0NUWVBFIGh0bWw+CjxoZWFkPgogIDxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPC9oZWFkPgo8Ym9keT4KICA8YnV0dG9uIG9uY2xpY2s9IlN0YXJ0SW50ZXJ2YWwoKTsiPlN0YXJ0PC9idXR0b24+CiAgPGJ1dHRvbiBvbmNsaWNrPSJTdG9wSW50ZXJ2YWwoKTsiPlN0b3A8L2J1dHRvbj4KICA8YnI+CiAgPGRpdiBpZD0iRHNwIj48L2Rpdj4KPC9ib2R5Pgo8c2NyaXB0PgogIHZhciBvVGVzdEludGVydmFsOwogIGVEc3AgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiRHNwIik7CiAgZnVuY3Rpb24gU3RhcnRJbnRlcnZhbCgpIHsKICAgIGNvbnNvbGUubG9nKCJTdGFydEludGVydmFsKCkiKTsKICAgIGlmICghb1Rlc3RJbnRlcnZhbCkgewogICAgICBjb25zb2xlLmxvZygiaWYgKCFvVGVzdEludGVydmFsKSIpOwogICAgICBvVGVzdEludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4gewogICAgICAgIGVEc3AuaW5uZXJIVE1MICs9ICIqIjsKICAgICAgfSwgMTAwMCk7Ly9tcwogICAgfQogIH0KICBmdW5jdGlvbiBTdG9wSW50ZXJ2YWwoKSB7CiAgICBpZiAob1Rlc3RJbnRlcnZhbCkgewogICAgICBjbGVhckludGVydmFsKG9UZXN0SW50ZXJ2YWwpOwogICAgICBvVGVzdEludGVydmFsID0gbnVsbDsKICAgIH0KICB9Cjwvc2NyaXB0Pgo8L2h0bWw+Cg==