显示5秒后隐藏潜水

Hide Div after showing 5sec

本文关键字：潜水 隐藏 5秒 显示      更新时间：2023-09-26

我想要实现的目标：

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

我陷入了第3点&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

这能解决您的问题吗？

<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
}
相关文章：