SOURCE

console 命令行工具 X clear

                    
>
console
var time = 60;
var timeMethod;
$(function(){
    $('#time').html('当前时间为00:59');
    // $(document).on('click','#start',start)//第一种写法
    $('#start').click(start)//第二种写法
})
//开启定时器
function start(){//第三种写法
    if(time > 0){
        timeMethod = setInterval(dectime,1000)
    }
}
//时间递减
function dectime(){
    if(time > 0){
        time--
        if(time.toString().length == 1){
            time = '0'+ time
        }
        $('#time').html('当前时间为00:'+time);
    }else{
        clearInterval(timeMethod)
    }
    console.log(time)
}
//结束倒计时
function end(){
    clearInterval(timeMethod)
}
// 重置倒计时
function reset(){
    time = 59
    $('#time').html('当前时间为00:'+time);
}
<!-- 简易倒计时 -->
<div id="time">dd</div>
    <br>
    <br>
    <button  id="start">开始计时</button>
    <button onclick="end()" id="end">停止计时</button>
    <button onclick="reset()" id="reset">刷新</button>

本项目引用的自定义外部资源