Javascript 2秒后在视口中显示/隐藏div

我想在2秒后在视口中显示。如果它不在视口中，只需隐藏

我看了一段代码，但它与其他div相关，没有延迟

谢谢

---

下面的代码片段可能会有所帮助

文件
#容器{
高度：1000px；
位置：相对位置；
边缘顶端：40px；
}
#内在的{
宽度：50%；
颜色：白色；
保证金：自动；
高度：50px；
背景颜色：绿色；
}
#粘性信息{
排名：0；
位置：固定；
z指数：1；
显示：块；
背景色：热粉红色；
}
将我从视口中滚动出来
视图中的元素
让inView=true；
让timeout=null；
window.addEventListener（“滚动”，（）=>{
常量边界=文档
.getElementById（“内部”）
.getBoundingClientRect（）；
如果(
bounding.top>=0&&
bounding.left>=0&&
对呀{
document.getElementById（“粘性信息”）.style.display=“无”；
}, 2000);
}
}
});

您可以参考此链接-

定义和用法 slideToggle（）方法在选定元素的slideUp（）和slideDown（）之间切换

此方法检查选定图元的可见性。如果元素被隐藏，则会运行slideDown（）。如果元素可见，则会运行slideUp（），这将创建切换效果

语法

$(selector).slideToggle(speed,easing,callback)

 1. $(Your selectior).slideToggle("fast"); // fast
 2. $(Your selectior).slideToggle("medium"); // meduim 
 3. $(Your selectior).slideToggle("slow"); // slow

另一个例子是，你也可以使用这个 请参考此链接->

---

您可以使用

setTimeout

我猜-虽然您的代码在视口中时似乎隐藏，在非视口中时显示！谢谢！这个代码对我帮助很大。老实说，我想用它来显示广告，当你在一个博客滚动。因此，您有文本，当您向下滚动时，文本中只显示横幅。这是个好办法吗？Thx（我删除了位置：固定在#粘性信息中。如果你有更好的解决方案，我将非常感谢你的欢迎！！我们只能给你建议。这取决于你在上面即兴发挥。如果解决方案对你有帮助，请标记为正确答案/向上投票。早安：）老实说，如果显示/隐藏它对其他类不真实，这将是完美的。只是一个容器，当它在视口中显示2秒后。（隐藏它并不重要）。

$(selector).slideToggle(speed,easing,callback)

 1. $(Your selectior).slideToggle("fast"); // fast
 2. $(Your selectior).slideToggle("medium"); // meduim 
 3. $(Your selectior).slideToggle("slow"); // slow

$(function() {
        $('#ButtonClick').on('click', function() {
            $('#HideShowDiv').delay(1000).fadeToggle();
        });
});