javascript - 如何在js中启用和禁用时间？

Question

我想在点击启用按钮时启用时间并在点击禁用按钮时禁用时间...HTML

 <p id="demo"></p> 
 <select>
    <option onselect="enable()">Enable</option>
    <option onselect="disable()"> disable</option>
 </select>

JavaScript

 var myVar = setInterval(myTimer, 1000);

function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}


function enable() {
     document.getElementById("demo").innerHTML = "block";

}

function disable() {
    document.getElementById("demo").innerHTML = "none";
}

Answer 1

在你的disable函数中清除inetrval

function disable() {
   clearInterval(myVar);
   document.getElementById("demo").style.display = "none"; // set style not HTML
}

再次启用时间修改你的enable方法为:

function enable() {
   document.getElementById("demo").style.display = "block";
   myVar = setInterval(myTimer, 1000);
}