编写程序,实现电子时钟自动走动的效果,并提供一个按钮控制电子时钟是否停止走动。

解决方案 »

  1.   


    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div id="result"></div>
        <a id="btn" href="javascript:;">启动/停止</a>
    <script>
        const setTime = () => {
            var t = new Date()
            var seconds = t.getSeconds()
            document.getElementById("result").innerHTML = `${ t.getHours()}:${seconds>9?seconds:`0${seconds}`}`
            
        }
        var timer = setInterval(setTime,300)
        document.getElementById("btn").onclick = () => {
            if(timer){
                clearInterval(timer)
                timer = null
            }
            else{
                timer = setInterval(setTime,300)
            }
        }
    </script>
    </body>
    </html>