javascript - javascript中的超时立即显示一个div，3秒后显示另一个？

Question

好的，所以我使用超时来尝试在 3 秒延迟后加载这个 javascript。

通过这个 javascript 加载了两个 div；

对话和封面。

目前，虽然对话框在页面加载时立即显示，但只有封面在等待 3 秒才能加载/显示。但这不应该是我希望两个 div 在 3 秒后一起显示的情况。

请有人告诉我在哪里解决这个问题。

 <script type="text/javascript">
 setTimeout(function () {
    var cvr = document.getElementById("cover")
    var dlg = document.getElementById("dialog")
    cvr.style.display = "block"
    dlg.style.display = "block"
    if (document.body.style.overflow = "hidden") {
        cvr.style.width = "1024"
        cvr.style.height = "100&#37;"
    }
}, 3000);
</script>

Answer 1

原因可能是，对话框在加载时可能具有 display:block 属性。尝试首先通过 css 将其更改为“无”。另一件事是看一下 if 语句，你是在分配而不是比较。你应该使用这个 '==' 运算符对..？

干杯.. ;)

Answer 2

您的“dlg”元素不能在页面加载时隐藏。检查您的 HTML 和 CSS，并display:none根据需要添加。