Javascript FlipClock.js在if语句为true时停止

因此，我尝试创建一个简单的游戏，如果用户得到正确答案，FlipClock.js将停止并记录用户获得正确答案所花费的时间

我在这方面遇到了很多麻烦，因为我是使用javascript的新手，我不知道如何调用函数来停止时钟。任何帮助都将不胜感激

当我运行这个程序时，我得到一个错误，它是uncaughttypeerror:cannotreadproperty'stop'of undefined in console窗口

这是我的代码：

    <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>

---

看起来您正在尝试在选项区域中定义停止方法

我将把clock.stop定义在将var clock设置为clock对象实例化的代码段之外。然后在提交页面后启动流程函数