ajax - 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");
         }
       }

上記は、HTML を返し、それを div 名メッセージにロードする ajax コードの一部です。私がやりたいのは、この 5 秒後に div メッセージを非表示にすることだけです。私はたくさん検索しましたが、具体的な答えはありませんでした。誰か助けてください。

Answer 1

divsetTimeoutを非表示にするには、インライン関数でa を開始するだけです。message

基本的な要点:

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