如何禁用表单按钮单击功能X秒

Question

如何禁用表单按钮单击功能X秒

我有一个带有提交按钮的表单.我想要禁用提交按钮10秒钟,并显示倒计时,最后按钮变为可点击.

我该怎么办？我在网站上使用jquery,但我不是JS程序员.

Answer 1

让我们保持简单.如果您想要解释发生了什么,请告诉我:

    <html>
    <head>
    <script type="text/javascript">
        setTimeout (function(){
        document.getElementById('submitButton').disabled = null;
        },10000);

        var countdownNum = 10;
        incTimer();

        function incTimer(){
        setTimeout (function(){
            if(countdownNum != 0){
            countdownNum--;
            document.getElementById('timeLeft').innerHTML = 'Time left: ' + countdownNum + ' seconds';
            incTimer();
            } else {
            document.getElementById('timeLeft').innerHTML = 'Ready!';
            }
        },1000);
        }
    </script>
    </head>

    <body>
    <form>
        <input type="submit" disabled="disabled" id="submitButton" />
        <p id="timeLeft">Time Left: 10 seconds</p>
    </form>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	15 年，2 月前
查看次数：	5961 次
最近记录：	9 年，8 月前