カウントダウン機能があり、タイムオーバーが可能なタイマーです.

話を多くしないで、直接コードをかけます.
同前

<span id="timer">span>

JS:JSには最初にタイマーを押すと50 s後に呼び出す方法がありますので、ロックをかけて解決すればいいです.

//    
    var num = 50;       //  50s    
    var num1 = true;    //            
    var heartCheck = {
        timeout: 1000,//      
        timeoutObj: null,
        reset: function(){
            clearTimeout(this.timeoutObj); //     
            return this;
        },
        chongzhi: function(){
            num = 50;
            clearTimeout(this.timeoutObj); //     

            return this;
        },
        start: function(){
            this.timeoutObj = setTimeout(function(){
                var sec = document.getElementById("timer");
                heartCheck.reset().start();
                sec.innerHTML = num + "    ";
                if(num1) {  //                 
                    getlnglat(cdeptid);//           ，            （          ）
                    num1 = false; //    
                }
                num--;

                if(num < 0){    //       0      nums  
                    heartCheck.chongzhi().start();  num  0 ，           
                    num1 = false;
                    getlnglat(cdeptid);//           ，            
                }
            }, this.timeout);

        }
    }

呼び出し:

heartCheck.reset().start(); //     

これは私のプロジェクトのタイマーです.テストしても大丈夫です.写真を貼ってはいけません.