js 简单计时器

html:

<div id="timer">00:00:00</div>
<button id="btn">停止计时</button>

js

<script>
        let timer = document.querySelector('#timer')
        let h=0,m=0,s=0,flag=1, clearTime = null
        function startTime(){
            clearInterval(clearTime)
            clearTime = setInterval(function () {
                s = s + 1
                if (s == 60) {
                    s = 0
                    m = m + 1
                } if (m == 60) {
                    m = 0
                    h = h + 1
                }
                timer.innerHTML = `${filling(h)}:${filling(m)}:${filling(s)}`
            }, 1000)
        }
        //补零操作
        function filling(n){
            if(n<10){
                return "0"+ n
            }else{
                return n
            }
        }
        //暂停计时或开始计时
       let btn = document.querySelector('#btn')
       btn.onclick = function(){
           if(flag%2){
               btn.innerHTML = '开始计时'
               clearInterval(clearTime)
               
           }else{
               btn.innerHTML = '停止计时'
               startTime();
           }
           flag++
       }
       startTime();
    </script>