javascript - 一秒钟后用 Javascript 更改 CSS

Question

我正在制作一个带有一些动画的主页。我在一个 div 中有 display: none。我想在几秒钟后 display: block 。我正在使用一些 Javscript。现在的问题是，我无法搜索计时器脚本。

我希望我的 CSS 在几秒钟后改变。我的代码:

var myVar = setInterval(myTimer, 1000);
    function myTimer() {
        document.getElementsByClassName("logindiv").style.display = "block";
    }

那么，如何使用计时器更改我的 CSS？

Answer 1

getElementsByClassName 返回集合。您已使用如下索引:

var myVar = setInterval(myTimer, 1000);
function myTimer() {
    document.getElementsByClassName("logindiv")[0].style.display = "block";
    // for test
    document.getElementsByClassName("logindiv")[0].style.color = "red";
}

.logindiv {
  display: none;
}

<div class="logindiv">Test</div>