FlipClock.js, чтобы остановить, если утверждение верно:

Question

поэтому я пытаюсь создать простую игру, где, если пользователь получит правильный ответ, FlipClock.js остановится и запишет время, которое пользователь взял, чтобы получить правильный ответ.

У меня много проблем с этим, поскольку я начинаю использовать javascript, и я не знаю, как назвать функции, чтобы остановить часы. Любая помощь будет очень оценена.

Когда я запускаю это, я получаю сообщение об ошибке Uncaught TypeError: Не удается прочитать свойство «stop» неопределенного в окне консоли.

Это мой код:

<script type="text/javascript"> 
     var clock; 

     $(document).ready(function() { 
      var clock; 

      clock = $('.clock').FlipClock(180, { 
       clockFace: 'MinuteCounter', 
       countdown: true, 
       callbacks: { 
        stop: function() { 
         $('.message').html('Game Over!') 
        } 
       } 
      }); 

     }); 
    </script> 



    <h1>LATEHENP</h1> <!-- ELEPHANT --> 



<form id="inputForm"> 
<p> 
<label for="userAnswer">Answer:</label> 
<input id="userAsnwer" type="text" name="userAnswer" autocomplete="off" maxlength="8"/> 
</p> 
<input type="button" value="Submit" id="loginBtn"/> 
</form> 

<script type="text/javascript"> 



function process(){ 
    console.log("working"); 
     if(inputForm.userAnswer.value.toLowerCase()==="elephant") 
    { //Correct 
    document.getElementById("message2").innerHTML = "Well done!"; 
     clock.stop(); 
     var time = clock.getTime(); 
     console.log("time"); 

    } 
    else 
    { 
     //Incorrect 
    document.getElementById("message2").innerHTML = "Incorrect! <a href='javascript:location.reload(true)'>Retry?</a> "; 
    } 
}; 


var btn = document.getElementById("loginBtn"); 
btn.addEventListener("click", process, false); 

</script> 

Answer 1

Похоже, вы пытаетесь определить метод останова в области параметров.

Я бы определил clock.stop вне фрагмента настройки var clock как экземпляр объекта clock. Затем отпустите функцию process() после отправки страницы.