Javascript 使用setTimeout更改不透明度

我有一个带有图像背景的页面，我想在2秒钟后淡入，但似乎无法让它工作

这是我的HTML

<div id="neo_wrapper">
  <div id="neo_container">
    <div id="neo_homepage_image"></div>
   </div>
</div>

和JavaScript

<script>
$(document).ready(function () {;
$("#neo_home_page").backstretch("_ui/bg_img.jpg");
});
</script>
<script>

var x = document.getElementById('neo_home_page');

setTimeout(function(){x.opacity = "1.0"}, 2000);

</script>

$（文档）.ready（函数（）{；
$（“neo#u主页”）.backstretch（“ui/bg#img.jpg”）；
});
var x=document.getElementById（'neo_主页'）；
setTimeout（function（）{x.opacity=“1.0”}，2000）；

---

我将最初要更改的元素的不透明度设置为0，并希望它在2秒后淡入。我的身体ID设置为“neo_主页”。

最好使用动画

$(x).animate({opacity:1.0},2000);

如您所标记的，您可以简单地使用，而不是尝试重新创建控制盘：

$('#neo_home_page').fadeIn(2000);

---

为什么你只是使用一个过渡，有更好的性能，你可以控制延迟

#blah{
    transition: opacity 2s linear;
    width:40px;
    height:40px;
    opacity: 0;
    background-color:red;
}


$(document).ready(function(){
    document.getElementById('blah').style.opacity = 1;
});

#blah{
    transition: opacity 2s linear;
    width:40px;
    height:40px;
    opacity: 0;
    background-color:red;
}


$(document).ready(function(){
    document.getElementById('blah').style.opacity = 1;
});