Javascript 隐藏div一段时间

Javascript 隐藏div一段时间,javascript,jquery,html,Javascript,Jquery,Html,在站点加载之前,如何使用jquery/jvascript将一次潜水隐藏10秒或1分钟? 我知道setTimeout函数,但它用于一段时间后隐藏潜水。但我想在加载站点之前隐藏div 您可以使用css 用于设置延迟 用于显示隐藏元素 片段: setTimeout(函数(){ $('#hide').show() }, 4000); 隐藏的 您可以使用css 用于设置延迟 用于显示隐藏元素 片段: setTimeout(函数(){ $('#hide').show() }, 4000); 隐藏文档

在站点加载之前,如何使用
jquery/jvascript
将一次潜水隐藏10秒或1分钟?
我知道
setTimeout
函数,但它用于一段时间后隐藏潜水。但我想在加载站点之前隐藏div

  • 您可以使用css
  • 用于设置延迟
  • 用于显示隐藏元素
  • 片段:

    setTimeout(函数(){
    $('#hide').show()
    }, 4000);
    
    
    隐藏的
  • 您可以使用css
  • 用于设置延迟
  • 用于显示隐藏元素
  • 片段:

    setTimeout(函数(){
    $('#hide').show()
    }, 4000);
    
    
    
    隐藏
    文档准备好后,此代码将显示div

    $(文档).ready(函数(){
    $(“#initalHidden”).show();
    });
    
    
    隐藏直到加载
    
    文档准备好后,此代码将显示div

    $(文档).ready(函数(){
    $(“#initalHidden”).show();
    });
    
    
    隐藏直到加载
    
    如果它开始显示,则隐藏它,但更好的方法是使用CSS开始隐藏

    $(function() {
           var yourDiv = $("#yourDiv");
            yourDiv.hide();
            setTimeout(function(){
                $("#yourDiv").show();
            }, 10*1000);
        });
    

    如果它开始显示隐藏它,但更好的方法是使用CSS开始隐藏

    $(function() {
           var yourDiv = $("#yourDiv");
            yourDiv.hide();
            setTimeout(function(){
                $("#yourDiv").show();
            }, 10*1000);
        });
    

    将div显示样式设为“无”
    因此,它将在页面加载之前隐藏

    <div  id='target' style='display:none;'>This di will appear after 10 seconds  of page load</div>
    <script>
       $(function(){
            setTimeout(function(){ showTarget(); }, 10000);
       });
       function showTarget(){
           $("#target").show();
       }
    </script>
    
    页面加载10秒后将显示此di
    $(函数(){
    setTimeout(函数(){showTarget();},10000);
    });
    函数showTarget(){
    $(“#目标”).show();
    }
    
    将div显示样式设置为“无”
    因此,它将在页面加载之前隐藏

    <div  id='target' style='display:none;'>This di will appear after 10 seconds  of page load</div>
    <script>
       $(function(){
            setTimeout(function(){ showTarget(); }, 10000);
       });
       function showTarget(){
           $("#target").show();
       }
    </script>
    
    页面加载10秒后将显示此di
    $(函数(){
    setTimeout(函数(){showTarget();},10000);
    });
    函数showTarget(){
    $(“#目标”).show();
    }
    
    假设id为MyDiv的div将具有您正在寻找的效果

    首先,我将MyDiv的css设置为隐藏或显示为无

    #MyDiv
    {
     display : none; 
    }
    

    然后它将保持隐藏状态,直到站点加载并通过javascript进行更改

    在javascript中,在所需的时间之后,只需抓取元素并使其可见

    jquery中的示例:

    $("#MyDiv").show();
    

    假设id为MyDiv的div将具有您正在寻找的效果

    首先,我将MyDiv的css设置为隐藏或显示为无

    #MyDiv
    {
     display : none; 
    }
    

    然后它将保持隐藏状态,直到站点加载并通过javascript进行更改

    在javascript中,在所需的时间之后,只需抓取元素并使其可见

    jquery中的示例:

    $("#MyDiv").show();
    

    想想看。将它设置为隐藏在CSS中开始。但过一段时间后,我希望返回。一旦我的整个网站加载,之后,可以看到该div。重复:或(还有更多,你看了吗?)“但过一段时间后,我希望返回…”所以使用setTimeout并显示它…想想看。将它设置为隐藏在CSS中开始。但过一段时间后,我希望返回。一旦我的整个站点加载,之后,可以看到该div。重复:或者(还有更多,你看了吗?)“但过一段时间后,我希望返回…”所以使用setTimeout并显示它…它正在工作。。但是有一个问题。。未显示该分区中的文本…:(@bluto:可能是因为它的子元素从它的父元素继承了display属性。实际上,在该div中有slider..并且该slider包含文本和images@bluto:第二次检查method@bluto:很高兴帮助它工作..但有问题..文本未显示该分区中的内容(@bluto:可能是因为它的子元素从它的父元素继承了display属性。实际上,在该div中有slider..并且该slider包含文本和images@bluto:第二次检查method@bluto:很乐意帮忙