如何创建淡入链接？延迟链接

Question

我希望图片链接显示在我的页面上，但是在页面加载后仅10秒。所以会有延迟。

Answer 1

如果jQuery是一个选项，那么以下应该可以解决问题。首先使用display:none定义HTML元素，然后开始隐藏。

<img id="theImage" style="display:none">

然后添加以下jQuery代码

$(document).ready(function() {
  setTimeout(function() {
    $('#theImage').fadeIn();
  }, 10000);
});

如果您需要使用vanilla Javascript，请将以下内容添加到窗口加载函数

setTimeout(function() {
    var x = document.getElementById('theImage');
    x.removeAttribute('style');
}, 2000);

摆弄样本：http://jsfiddle.net/

Answer 2

使用setTimeout，10秒后，是插入链接还是取消隐藏？ （虽然我基本上使用jQuery / etc进行任何DOM操作。）

Answer 3

使用jQuery：

$('.delayed')
    .hide()
    .delay(10 * 1000)
    .fadeIn();

Demo