给JavaScript函数添加一个延迟

Question

嗨我想知道在哪里添加代码来延迟我的div的切换0.5秒 我刚开始使用javascript/jquery，但没有任何帮助，

function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 

//it is tied to this if it can help 

<a onclick="toggle_visibility('section1_1_content');toggle_visibility('note1_1');"> <div id="help_tiem_section1_1" onclick="chngimg1()" onmouseover="this.style.cursor='pointer'"> 
      <p1>TEST</p1><img src="down.png" height="10px" width="15px" id="imgplus1"/> 
     </div></a> 

但是，我该如何改变它，以便当它改回显示时它不会延迟。 感谢Jcubic的快速响应。

Answer 1

使用setTimeout()：

setTimeout(yourFunction, 500) 

Answer 2

您应该使用的setTimeout

function toggle_visibility(id) { 
    setTimeout(function() { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    }, 500); 
} 

更新：

function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    if (e.style.display == 'block') { 
     setTimeout(function() { 
      e.style.display = 'none'; 
     }, 500); 
    } else { 
     e.style.display = 'block'; 
    } 
}