<body>
    <div id="container">
        <div id="time">
            <span id="hour">00</span>    
            <span>:</span>
            <span id="min">00</span>　
            <span>:</span>
            <span id="sec">00</span>　　
        </div>
        
        <button id="btn">开始</button>   
        <button id="reset">重置</button>　　
    </div>
</body>


#container{
        height: 300px;
        width: 200px;
        margin: 100px auto;
        border: 1px solid grey;
        border-radius: 15px;
    }
    #container button{
        display: block;
        background: burlywood;
        border: none;
        border-radius: 20px;
        margin: 20px auto;
        padding: 5px 30px;
        color: green;
        font-size: 20px;
        outline: none;
    }
    #container #time{
        font-size: 22px;
        margin: 25px auto;
        text-align: center;
    }



 
<script>
    var i = 0;  　　　　　　　　　　 
    var timer = null;　　　　　　　　
    var isRunning = false;　　　　　　

    function $(id) {　　　　　　　　　　
        return document.getElementById(id);
    }

    function doubleNumber(num) {　　　
　　　　　　　　　　　　　　　　　　　　
        if (num < 10) {　　　　
            return '0' + num;
        } else {
            return num;
        }
    }

    window.onload = function(){  　　　　　
        function funcStart(){　　　　　　　　　
            timer = setInterval(function(){　　　　
　　　　　　　　　　　　　　　　　　　
                i++;　　　　　　　　　　　　　
                $("sec").innerHTML = doubleNumber(i % 60);  　　　
                $("min").innerHTML = doubleNumber(parseInt(i / 60) % 60);
                $("hour").innerHTML = doubleNumber(parseInt(i / 3600) % 60);
            },1000)  　
        }
        function funcPause(){
            clearInterval(timer);　　　　
        }
        $("reset").onclick = function(){
            i = 0;　　　　　　　　　　
            clearInterval(timer);
            $("sec").innerHTML = '00';
            $("min").innerHTML = '00';
            $("hour").innerHTML = '00';
            $("btn").innerHTML = "开始";　　　
        }

        $("btn").onclick = function(){    
            if (!isRunning) {
                $("btn").innerHTML = "暂停";　　　
                funcStart();　　　　　　　　　　
                isRunning = true　　　
            } else {
                $("btn").innerHTML = "开始";　　　　
                funcPause();　　　　　　　　　
                isRunning = false;　　　　　　
            }
        }
    }
</script>