JavaScript schläft nicht an der richtigen Position

Question

Ich habe ein kleines Problem. In meiner Homepage habe ich einen Button. Dieser Button ruft eine Funktion per Onclick auf (onclick = "showhidelogin()").

die Funktion sieht wie folgt aus:

function showhidelogin() { 
    document.getElementById("null").id = "menu-sticky"; 
    sleep(1000); 
    document.getElementById("loginform").id = "loginformview"; 

} 

Warum die Seite hat als erste warten, und dann die beiden „getElementById“ -Aussagen ausführen? (setTimeout funktioniert nicht auch)

Answer 1

Es gibt keine sleep Funktion in Javascript. Sie müssen dies unter Verwendung von setTimeout tun.

function showhidelogin() { 
    document.getElementById("null").id = "menu-sticky"; 
    setTimeout(function() { 
     document.getElementById("loginform").id = "loginformview"; 
    }, 1000); 
} 

Answer 2

Verbesserung der Ananth Antwort (überprüfen, ob die getElementById() Rückkehr etwas):

function showhidelogin() { 
    if(document.getElementById("null")) { 
     document.getElementById("null").id = "menu-sticky"; 
    } 
    setTimeout(function() { 
     if (document.getElementById("loginform")) { 
      document.getElementById("loginform").id = "loginformview"; 
     } 
    }, 1000); 
}