在javascript函数中添加时间延迟以实现淡入效果

我正在寻找一个网站，慢慢淡入隐藏的图像加载。现在我已经设法得到了一些javascript，它可以进行淡入，但是当页面加载时它会立即启动，所以当您加载页面时，您仍然可以看到加载的各个元素

我想做的是在它开始消失之前增加一秒左右的延迟

这是我现在得到的：

<style>fadein{filter:alpha(opacity=0);opacity:0}</style>

<script>

function fadein(){var fade=0, fadein=document.getElementById("index-wrappper").style,ms=(fadein.opacity==0)?0:1, pace=setInterval(Fade,20);

function Fade() {if(fade<100){fade+=1;if(ms)fadein.filter="alpha(opacity="+fade+")";else fadein.opacity=(fade/100)} else clearInterval(pace)}};

window.onload=fadein;

</script>

fadein{filter:alpha（不透明度=0）；不透明度：0}
函数fadein（）{var fade=0，fadein=document.getElementById（“index wrappper”）.style，ms=（fadein.opacity==0）？0:1，pace=setInterval（fade，20）；
函数Fade（）{if（Fade
我们应该做到这一点

应该能做到这一点。
试试这个：

window.onload = function() {
    window.setTimeout(function() {
        fadein();
    },1000); // 1 sec
}

这会在页面加载后将淡入延迟1秒。
尝试以下操作：

window.onload = function() {
    window.setTimeout(function() {
        fadein();
    },1000); // 1 sec
}

这会在页面加载后将淡入延迟1秒。
首先，Javascript不是Java

您的问题的一个简单答案是：使用setTimeout和clearTimeout

但坦率地说，我敦促您不要重新发明轮子，而是使用像jQuery这样的库，这些库是为了使这些操作更容易并支持所有主要浏览器而构建的

$(document).ready(function() {
    $("#index-wrapper").delay(1000).fadeIn('fast');
});

首先，Javascript不是Java

您的问题的一个简单答案是：使用setTimeout和clearTimeout

但坦率地说，我敦促您不要重新发明轮子，而是使用像jQuery这样的库，这些库是为了使这些操作更容易并支持所有主要浏览器而构建的

$(document).ready(function() {
    $("#index-wrapper").delay(1000).fadeIn('fast');
});

你考虑过使用图书馆吗

它是免费的，易于使用，完全满足您的需要，并且是跨浏览器兼容的。许多网站（包括本网站）都使用它，因此，如果您无法让它满足您的需要，您可以获得帮助

请注意，您问题中的脚本仅在Internet Explorer上可用，大多数人将其用作web浏览器。
您考虑过使用该库吗

它是免费的，易于使用，完全满足您的需要，并且是跨浏览器兼容的。许多网站（包括本网站）都使用它，因此，如果您无法让它满足您的需要，您可以获得帮助

请注意，您问题中发布的脚本仅在Internet Explorer上可用，大多数人将其用作web浏览器。
@morja:仅重新标记问题。为什么不完全更新问题。更正其中的拼写错误。@Fearofahackplanet问题的标题也需要更改以反映this@Harry：我没有被教育的特权它就是。@morja:你可以编辑这个问题。你的编辑将被审核并被版主接受。@Harry:好的，我以后会这样做。@morja:只重新标记问题。你为什么不完全更新这个问题。更正其中的拼写错误。@Fearofahackplanet这个问题的标题也需要更改以反映this@Harry当前位置我没有隐私权我想编辑它。@morja:你可以编辑这个问题。你的编辑将被审核并被版主接受。@Harry:好的，我以后会这样做。谢谢你的帮助。好吧，一半的时候，div会正常出现一秒钟，然后淡入，但我“修复了”通过将div的初始不透明度设置为0。所以在.CSS:#index wrappper{opacity:0；filter:alpha（opacity=0）；}中，多亏了这么多人的帮助。其中一半，div会正常出现一秒钟，然后淡入，但我通过将div的初始不透明度设置为0“修复”了这一点。因此在.CSS:#index wrappper{opacity:0；filter:alpha中（不透明度=0）；}