如何延迟javascript中的操作

时间:2013-07-12 14:53:43

标签: javascript html delay hidden appearance

我没有JS的经验,我真的需要帮助。 我有这段代码:

<script type="text/javascript">
var showElem;
showElem = function( showID ) {
   div = (( document.getElementById ) ? document.getElementById( showID ) : document.all[    showID ] );
   try {
   div.className = (( div.className === "hide" ) ? "show" : "hide" );
   } catch( e ) {
   div.style.display = (( div.style.display === "none" ) ? "block" : "none" );
   }
};
</script>

我需要让div消失的动作在400毫秒内延迟。

由于

1 个答案:

答案 0 :(得分:0)

你可以这样做

<script type="text/javascript">
var showElem;
showElem = function( showID ) {
     div = (( document.getElementById ) ? document.getElementById( showID ) : document.all[    showID ] );
   try {
     setTimeout(function() {
         div.className = (( div.className === "hide" ) ? "show" : "hide" );
     }, 400)
   } catch( e ) {
       div.style.display = (( div.style.display === "none" ) ? "block" : "none" );
   }
};
</script>