5秒钟后加载

Question

以前从未这样做过。我想在加载页面5秒后加载一个href。

我正在研究一个脚本，但它不工作。

HTML：

<div id="div1"> 
    <a id="single" href="#">Single Play</a> 
    <a id="multi" href="#">Head to Head</a> 
</div> 

JS：

$(window).load(function(){ 
    function ahref(){ 
     $("#div1").show(); 
    }; 
    window.setTimeout(ahref, 5000); // 5 seconds 
}) 

哪儿一出了错？

Answer 1

DEMO

$(window).load(function() { 
 
    function ahref() { 
 
    $("#div1").show(); 
 
    }; 
 
    setTimeout(function(){ ahref(); }, 5000); 
 
})

#div1{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"> 
 
    <a id="single" href="#">Single Play</a> 
 
    <a id="multi" href="#">Head to Head</a> 
 
</div>

Answer 2

你的代码是正确的，只是show()函数可以使用隐藏要素，如果已显示的元素，它会没有效果，所以你应该默认使用css类隐藏div例如：

#div{ 
    display:none; 
} 

或JavaScript功能hide() e.g：

$("#div1").hide(); 

然后按照预期的代码将工作。

希望这会有所帮助。

---

$(window).load(function(){ 
 
    $("#div1").hide(); 
 
    
 
    function ahref(){ 
 
     $("#div1").show(); 
 
    }; 
 
    window.setTimeout(ahref, 2000); // 2 seconds 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"> 
 
    <a id="single" href="#">Single Play</a> 
 
    <a id="multi" href="#">Head to Head</a> 
 
</div>