Question

好吧，我需要创建一个具有两种状态的按钮（HTML，JavaScript，等等）。

首先，点击它时，将开始倒计时，强制用户查看表单。然后，当倒计时结束时，相同的按钮将提交表格..我怎么能这样做？

此系统不会删除任何编辑，因此表格需要完美填写。我在JavaScript中试过这个函数：

<script language="JavaScript">
var contador = 10;

alert("Verifique os dados");
function conta() {

document.getElementById("btn").disabled=true;
if(contador==0) {
document.getElementById("btn").disabled=false;
return false;
}

contador = contador-1;
setTimeout("conta()", 1000);

document.getElementById("valor").innerHTML = contador;
}

10

倒计时，但我不能用这个

做第二个状态

对不起，这是我第一次尝试

Answer 1

http://jsfiddle.net/z2J3B/2/

将功能包含在脑中

function test() {
    var submit = document.getElementById("submit");
    var message = document.getElementById("message");
    if (submit.className == "check") {
        submit.setAttribute("disabled");
        var inc = 10;
        message.innerHTML = "you have " + inc + " seconds left, check the form";
        var interval = setInterval(function () {
            inc--;
            message.innerHTML = "you have " + inc + " seconds left, check the form";
            if (inc <= 0) {
                clearInterval(interval);
                message.innerHTML = "you can now submit the form";
                submit.removeAttribute("class");
                submit.removeAttribute("disabled");
            }
        }, 1000);
        return false;
    }
}

Answer 2

HTML按钮具有“已禁用”属性。将其与更改按钮上的文本（称为“值”）和一些计时器相结合。

但是，要小心。这将惹恼您的用户。

如何创建一个具有两种状态的按钮？

2 个答案:

http://jsfiddle.net/z2J3B/2/