在页面加载时延迟链接

Question

我想延迟在我的网页上加载链接表单，因为我希望访问者能够查看广告几秒钟，然后应该显示该链接。那么我如何使用Jquery来延迟ahref链接的显示？

Answer 1

如果您的HTML看起来像这样：

<a id="myLink" href="xxx">whatever</a>

然后，对于普通的javascript，您可以使用此CSS规则：

#myLink {visibility: hidden;}

然后，使用这个简单的javascript在延迟后显示：

setTimeout(function() {
    document.getElementById("myLink").style.visibility = "visible";
}, 5000);

或者，使用jQuery，您可以使用此CSS：

#myLink {display: none;}

这个jQuery代码：

$(document).ready(function() {
    $("#myLink").delay(5000).fadeIn();
});

在上述任何一种情况下，您都可以调整5000数以设置所需的时间延迟（以毫秒为单位）。

将来，如果您包含实际的HTML，您将获得更详细和具体的答案。

Answer 2

使用jQuery而不使用CSS：

$(window).load(function() {
    $("#linkId").hide();
    setTimeout(function() {
        $("#linkId").show();
    }, 10000);
});