JavaScript не спит в нужном положении

Question

У меня есть небольшая проблема. На моей домашней странице у меня есть кнопка. Эта кнопка вызывает функцию oncick (onclick = "showhidelogin()").

функция выглядит следующим образом:

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

} 

Почему страница ждать, как первое, а затем выполнить два «getElementById» -Statements? (комплектTimeout не работает тоже)

Answer 1

Нет функции sleep в Javascript. Вы должны сделать это, используя setTimeout.

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

Answer 2

Улучшение ответа Ananth в (проверьте, если getElementById() возвращение что-то):

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