显示5秒后隐藏Div

Question

我想要实现的目标：

1. 按钮单击（完成）后隐藏表单区域
2. 按钮点击（完成）显示提交确认消息
3. 隐藏显示提交确认消息后显示5秒
4. 再次显示表单区域

我被困在第3点＆amp; 4并希望得到任何提示。我已经尝试了设置超时功能，但没有运气。我一定是做错了。

function hideDiv() {
               document.getElementById('FormArea').style.display = "none";
              }

function showDiv() {
              document.getElementById('submitarea').style.display = "block";
         }


setTimeout(function() {
    $('#submitarea').fadeOut('fast');
}, 1000); // <-- time in milliseconds

Answer 1

这会解决您的问题吗？

<input onclick="hidediv(); showdiv(); reshow();">

function hideDiv() {
    document.getElementById('FormArea').style.display = "none";
}

function showDiv() {
    document.getElementById('submitarea').style.display = "block";
}

function reshow(){
    setTimeout(function() {
        $('#submitarea').fadeOut('fast');
        $('#FormArea').fadeIn('fast');
    }, 1000); // <-- time in milliseconds
}