Javascript's Closures - "I need your help, please !!!"

Góp ý đầu tiên của mình: Bạn đang viết code khá lộn xộn và tư duy lập trình chưa vững.

Còn việc bạn không muốn dùng global var, theo mình hiểu là bạn chỉ khai báo 2 biến var đó tạm thời ra ngoài, khi nào dùng đến hàm countDown() thì mới tạo giá trị cho nó để đếm ngược (ví dụ bạn muốn đếm ngược 1 phút, hoặc 3 phút, tùy vào từng lúc gọi).

Vậy thì bạn cứ dùng global var như bình thường thôi, giá trị của biến Global sau khi dùng xong thì lại gán giá trị khác cho nó được và gọi sử dụng tiếp được mà bạn. Có vẻ bạn hiểu lầm Global var là không sửa được giá trị như Const var (hằng số const chỉ khai báo giá trị 1 lần và không được phép thay đổi giá trị).

Mình sẽ sửa lại hàm của bạn như sau:

//var minutes = 0;  //Bình thường khai báo global var sẽ cần viết riêng ra ngoài như thế này.
//var seconds = 0;  //Bình thường khai báo global var sẽ cần viết riêng ra ngoài như thế này.

Count10Minutes();

function Count10Minutes() {
  minutes = 10; //Nhưng chúng ta có thể bỏ chữ var đi, và biến minutes sẽ trở thành global cho dù được khai báo ở trong 1 hàm local
  seconds = 1; //Các biến khai báo và gán giá trị cho nó thành global thì có thể gọi được từ các hàm khác.
  countdown();
}

function countdown() {
  seconds--;
  if (minutes !== -1) {
    if (seconds !== -1) {
      console.log((minutes + "").padStart(2, '0') + " : " + (seconds + "").padStart(2, '0'));
      setTimeout(() => {
        countdown()}, 1000); bạn,
    } else {
      minutes--;
      seconds = 59;
      setTimeout(() => {
        countdown()}, 1000);
    }
  } else {
    console.log("Time Out !!!");
  }
}

Bạn có thể chạy thử online ở đây: https://playcode.io/263604?tabs=console&script.js&output

về closure thì mình thấy bài này viết khá rõ ràng: https://viblo.asia/p/ban-nen-biet-closure-hoat-dong-nhu-the-nao-aWj53VQQl6m sau khi sử dụng closure thì đại khái đoạn code nó sẽ như ở dưới, mình có sửa lại đôi chút cho dễ nhìn

timer();
function timer(){
  var minutes = 20;
  var seconds = 1;
  countdown();
  function countdown() {
  seconds--;

   if (seconds != -1) {
      document.getElementById("timer").innerHTML = formater(minutes) + " : " + formater(seconds);
    }
   
   if (seconds === -1) {
        minutes -= 1;
        seconds = 59;
      }

   if (minutes === -1) {
      document.getElementById("timer").innerHTML = "Time Out !!!";
         document.getElementById("testform").submit(); 
    } else {
      setTimeout(countdown, 1000, minutes, seconds);
    }
  }

  function formater(number){
    if(number < 10){
      return "0" + number;
    } else {
      return number;
    }
  }
}

Bạn có thể tham khảo hàm này

var a = countdown();
a();
  function countdown() {
  var seconds = 5;

  return function(){

   if (seconds != -1) {
   		console.log(seconds)
        seconds--;
      	setTimeout("a()", 1000);
   }else{
   		console.log("time out")
   }

  }
}