Question

我有一个带有提交按钮的表单。我想禁用提交按钮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>

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

1 个答案: