Javascript jquery setTimeout函数不工作

我想显示成功消息5秒钟，它显示“等待”消息，但不显示“已发送”消息。我试了很多，但失败了。你能帮帮我吗？为什么我发送的消息不显示

我的超时函数正在工作，但它在完成setTimeout函数之前执行隐藏“加载”行。 HTML代码：

<div class="loading" style="display:none">
<h3 style="color:#000;font-size:24px;width:500px"><span id="wait">Please wait...</span><span id="sent" style="display:none">E-mail is sent</span><span id="error" style="display:none">Sorry Please try again</span></h3>
  <div class="l_main">
    <div class="circle"></div>
    <div class="quater">
      <span class="top"></span>
      <span class="bottom"></span>
    </div>
  </div>
</div>

在

上调用
.hide（）
。加载

setTimeout(function() {
  $(".loading").hide()
}, 5000);

---

JSFIDLE

您在控制台中看到的问题是什么？如果post请求失败，则可能是它没有进入函数。您可以使用

console.log

快速验证这一点。同时查看网络工具以查看请求的状态。@user2181397no@KimberlyW它成功工作无法复制它不需要调用

$（“#sent”）。hide（）

，

#sent

是

的子节点。正在加载

  $('.loading').show();
  $("#wait").show();
  $.post(base_url+"index.php/myad/getphonenumber",{uniqueid:id,emailaddress:cemail},function(){
    $("#wait").hide();
    $("#sent").show();
    setTimeout(function(){
        $("#sent").hide();
        $('.loading').hide()
    }, 5000);
  })

setTimeout(function() {
  $(".loading").hide()
}, 5000);