var hours =0;
var mins =0;
var seconds =0;

document.getElementById('start').addEventListener('click', function(){
      startTimer();
});

document.getElementById('stop').addEventListener('click', function(){
      clearTimeout(timex);
});

           
function startTimer(){
  timex = setTimeout(function(){
    
      seconds++;
    if(seconds >59){
        seconds=0;
        mins++;
    if(mins>59) {
            mins=0;hours++;
        if(hours < 10) {
            $("#hours").text('0'+hours+':')
        } else 
            $("#hours").text(hours+':');
                }
                       
            if(mins < 10){                     
                $("#mins").text('0'+mins+':');
            }       
            else $("#mins").text(mins+':');
                   }
    
                if(seconds <10) {
                    $("#seconds").text('0'+seconds);
                } else {
                      $("#seconds").text(seconds);
                    }
    
    
   
      startTimer();

  },1000);
}

个字符
我正在尝试将“播放”和“暂停”按钮替换为仅一个。所以当我点击按钮时，它会变成“暂停”，当它暂停时，它会变成“播放”，就像切换一样，但我无法让它工作，只有播放按钮继续工作，当我试图暂停计时器时，按钮图标不会改变。

HTML：

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.13.0/css/all.css">   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

          <span id="hours">00:</span>
          <span id="mins">00:</span>
          <span id="seconds">00</span>  
       

     
        
<button id="start"><i class="fas fa-play" style="color:#000"></i></button>

        
 <button id="stop"><i class="fas fa-pause" style="color:#000;"></i></button>

型

脚本：

var hours =0;
var mins =0;
var seconds =0;

document.getElementById('start').addEventListener('click', function(){
      startTimer();
});

document.getElementById('stop').addEventListener('click', function(){
      clearTimeout(timex);
});

           
function startTimer(){
  timex = setTimeout(function(){
    
      seconds++;
    if(seconds >59){
        seconds=0;
        mins++;
    if(mins>59) {
            mins=0;hours++;
        if(hours < 10) {
            $("#hours").text('0'+hours+':')
        } else 
            $("#hours").text(hours+':');
                }
                       
            if(mins < 10){                     
                $("#mins").text('0'+mins+':');
            }       
            else $("#mins").text(mins+':');
                   }
    
                if(seconds <10) {
                    $("#seconds").text('0'+seconds);
                } else {
                      $("#seconds").text(seconds);
                    }
    
      startTimer();

  },1000);
}

型
将“播放”和“暂停”按钮合二为一。