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

嗯，我需要创建一个带有两种状态的按钮（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;
}

var contador=10；
警报（“验证护墙板”）；
函数conta（）{
document.getElementById（“btn”）.disabled=true；
如果（contador==0）{
document.getElementById（“btn”）.disabled=false；
返回false；
}
康塔多=康塔多-1；
setTimeout（“conta（）”，1000）；
document.getElementById（“valor”）.innerHTML=contador；
}

十,

倒计时，但我不能用这个做第二个状态

很抱歉，这是我第一次尝试使用HTML按钮，它具有“禁用”属性。结合更改按钮上的文本（称为“值”）和一些计时器

不过要小心。这会激怒你的用户

在你的头脑中包含这个功能

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

功能测试（）{
var submit=document.getElementById（“提交”）；
var message=document.getElementById（“消息”）；
如果（submit.className==“check”）{
submit.setAttribute（“禁用”）；
var inc=10；
message.innerHTML=“您还有“+inc+”秒，请检查表单”；
var interval=setInterval（函数（）{
公司--；
message.innerHTML=“您还有“+inc+”秒，请检查表单”；
如果（inc）让它更改背景颜色并添加一个eventlistener。请查看我的答案并让我知道任何问题，谢谢你，伙计。这就是我需要的解决方案。