javascript - 函数内超时(javascript)

Question

我有这个代码:

function divHideShow(divToHideOrShow) 
{
    var div = document.getElementById(divToHideOrShow);

    if (div.style.display == "none") 
    {
        div.style.display = "block";
    }
    else 
    {
        div.style.display = "none";
    }

}       

如何让执行div.style.display = "block";时等待2秒？

谢谢

Answer 1

您可以使用函数setTimeout在运行某些代码之前等待指定的时间(以毫秒为单位)。

function divHideShow(divToHideOrShow) 
{
    var div = document.getElementById(divToHideOrShow);

    if (div.style.display == "none") 
    {
        setTimeout(function () {
            div.style.display = "block";
        }, 2000);
    }
    else 
    {
        div.style.display = "none";
    }

}

可能值得考虑添加和删除类，而不是直接设置样式。然后，您可以使用 CSS 处理所有样式，这有助于提高可维护性(并且您也可以使用 CSS3 动画来淡入/增大/缩小内容)。