js实现数字时钟，按钮实现暂停开始

用JS实现一个时钟，用一个按钮实现暂停开始时钟

<button id="clockBtn" onclick="StopStartClock()">暂停</button>

 

    //时钟
    //这个变量是清除计时方法的参数，必须是全局变量
    var myInterval=setInterval("TimeClock()",1000);
    function TimeClock() {
        var d=new Date();
        var t=d.toLocaleTimeString();
        document.getElementById("clock").innerHTML=t;
    }
    /*时钟停止开始,
    clearInterval(), 在创建计时方法时必须使用全局变量：
     */
    function StopStartClock() {
        var btnValue=document.getElementById("clockBtn").innerHTML;
        if(btnValue=="暂停"){
            clearInterval(myInterval);//清除计时方法
            document.getElementById("clockBtn").innerHTML="开始";
        }
        if(btnValue=="开始"){
            setInterval("TimeClock()",1000);//设置计时方法
            document.getElementById("clockBtn").innerHTML="暂停";
        }
    }

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。第一个参数必需是function(){}形式,或者“函数名()”形式。

clearInterval(), 在创建计时方法时必须使用全局变量。

效果如下

---

---