隐藏ajax innerhtml

Question

function handleServerResponse() {
       if (xmlhttp.readyState == 4) {
         if(xmlhttp.status == 200) {
           document.getElementById("message").innerHTML=xmlhttp.responseText; 
         }
         else {
            alert("Error during AJAX call. Please try again");
         }
       }

所以上面是ajax代码的一部分，它返回一个HTML并将其加载到div名称消息中。我想要做的就是在5秒后隐藏div消息。我搜索了很多，但没有具体的答案。有人可以帮助我。

Answer 1

您只需要使用内联函数启动setTimeout以隐藏message div。

基本要点：

setTimeout(function() { /* do something */}, 5000); // Timeout in milliseconds

结合您的代码：

function handleServerResponse() {
   if (xmlhttp.readyState == 4) { 
      if(xmlhttp.status == 200) {      
         document.getElementById("message").innerHTML=xmlhttp.responseText;
         document.getElementById("message").style.display = 'block';
         setTimeout(function() {
            document.getElementById("message").style.display = 'none';
         }, 1000 * 5 /* dismiss after 5 seconds */);
      } else { 
         alert("Error during AJAX call. Please try again"); 
      } 
   }   
}