AngularJS와에서의 setTimeout 기능 정지 : 사용자가 질문을 얻을 때 (힌트 사용 $ 시간 초과)

Question

나는 퀴즈 형 응용 프로그램을 만들고있어

는,에서 10 초 타이머는 다음과 같이 진행됩니다

$scope.timer2 = function() { 
    setTimeout(function() { 
     console.log('times up!!!!'); 
    }, 10000) 
} 

그리고이 질문은 다음과 같이 도착했을 때 호출되는 :

timerHandle = setTimeout($scope.timer2()); 

그리고

이 timer2 실행 또 다른 질문이 튀어 나올 때 등등 질문의 또 다른 방법은 팝업되고, 사용자는 다음 또한 옵션을 선택한다는 것입니다 후 새로운 질문이 떠오른다. 지금까지는 그렇게 좋았지 만 문제는 5 초가 지나고 사용자가 옵션을 선택한다고 가정하면 "timer2"는 여전히 "시간을 !!" 5 초 후에 새로운 질문을위한 또 다른 타이머는 "시간을 !!"보여줍니다. 사용자가 옵션을 선택하지 않은 경우.

나는 사용자가 옵션을 선택할 때 timer2을 멈추고 새로운 질문이 도착하면이 타이머를 다시 호출하기를 원합니다. 이 사용자가 옵션을 선택하면 실행되는 각 코드는 다음과 같습니다 -

$scope.checkanswer=function(optionchoosed){ 
      $http.get('/quiz/checkanswer?optionchoosed='+ optionchoosed).then(function(res){ 
       if(res.data=="correct"){ 
        $scope.flag1=true; 
        $scope.flag2=false; 

       }else{ 
        $scope.flag2=true; 
        $scope.flag1=false; 
       } 
       $http.get('/quiz/getquestions').then(function(res){ 
       console.log("respo"); 
       $scope.questions=res.data; 
       clearTimeout($scope.timerHandle); //not working 
       timerHandle = setTimeout($scope.timer2()); 

Answer 1

당신은 AngularJS와 $timeout의 서비스를 사용하여 시도 할 수 있습니다. 그런 다음이 라인을 따라 뭔가를 할 :

var myTimer = $timeout(function(){ 
       console.log("hello world") 
      }, 5000); 

    .... 
$timeout.cancel(myTimer); 

Answer 2

이 setTimeout에 대한 MDN 문서를 살펴 보자.
이 함수는 고유 한 식별자를 반환합니다. 이 시점에서, 당신은 매개 변수로 UID 것을 전달 clearTimeout를 호출 할 수

let myTimeout = setTimeout(myFunction, millis); //Start a timeout for function myFunction with millis delay. 
clearTimeout(myTimeout); //Cancel the timeout before the function myFunction is called. 

Answer 3

당신은 작업 예를 내게는 추측을 할 수 있도록 제공하지 않기 때문에. 함수가 내부 setTimeout 핸들을 반환하지 않으므로 취소 할 수 없습니다. 무엇 이러한 변경에 대해 : 당신이 AngularJS와 요구하지만 문제는 정말 generical 때문에

$scope.timer2 = function() { 
    return setTimeout(function() { // added return statement 
     console.log('times up!!!!'); 
    }, 10000) 
} 

다음

timerHandle = $scope.timer2(); // simply call timer2 that returns handle to inner setTimeout