Hàm tạo đồng hồ đếm thời gian chơi

Nguyen_Khang · April 11, 2022, 2:42pm

Em có sử dụng hàm để tạo thời gian đếm tới tới cho trò chơi nhưng không biết làm sao để click vào button nó bắt đầu đếm và reset lại khi trò chơi kết thúc. Ai giúp em với ạ em cảm ơn m.n

    function countTimer() {
       ++totalSeconds;
       var hour = Math.floor(totalSeconds /3600);
       var minute = Math.floor((totalSeconds - hour*3600)/60);
       var seconds = totalSeconds - (hour*3600 + minute*60);
      if(hour < 10)
       hour = "0"+hour;
      if(minute < 10)
       minute = "0"+minute;
      if(seconds < 10)
       seconds = "0"+seconds;
     document.getElementById("countUp").innerHTML = hour + ":" + minute + ":" + seconds;
 }

SITUVN.gcd · April 11, 2022, 2:44pm

Bắt sự kiện nhấn nút, setInterval cho hàm countTimer chạy.
Khi trò chơi kết thúc thì gán totalSeconds về 0 thôi.

Nguyen_Khang · April 11, 2022, 3:12pm

Em đã thử mà khi xong game nó set về 0 rùi mà nó vẫn chạy tiếp tục chứ không đợi click tiếp theo mới chạy nữa. Không biết em có làm sai chỗ nào không nữa

SITUVN.gcd · April 11, 2022, 3:25pm

Bạn muốn ngừng chạy thì phải gọi đến hàm clearInterval nữa.