ajax回调中setTimeout无效

Question

需求是回调函数中，显示2s操作结果然后隐藏，但是setTimeout没有起作用， 无论是加不加双引号，或者写一个function都无效

    ......
    let status = document.getElementById("status");
    xml.onreadystatechange = function () {
        if (xml.readyState === 4 && xml.status === 200){
            status.style.visibility = "visible";
            if (xml.responseText === "1"){
               status.innerText = "登陆成功!";
            }else{
                status.innerText = "登陆失败";
            }
            setTimeout("status.style.display = 'none'", 2000);
        }
    };
    ......

Answer 1

    let status = document.getElementById("status");
    xml.onreadystatechange = function () {
        if (xml.readyState === 4 && xml.status === 200){
            status.style.visibility = "visible";
            if (xml.responseText === "1"){
               status.innerText = "登陆成功!";
            }else{
                status.innerText = "登陆失败";
            }
            setTimeout(function () {
                status.style.visibility = "hidden";
            }, 2000);
        }
    };

Answer 2

你代码中settimeout里边引号红色文字部分不能这么写，你定义外边一个function就可以了

Answer 3

setTimeout(() => {
console.log(1)
}, 1000);

Answer 4

因为你用的 css 属性 innerText 并不存在，建议改成 status.style.visibility 试试。

Answer 5

是不是异步的问题