Javascript在子元素上的可见性较慢

我使用javascript风格来模拟弹出框（如果有其他想法，我将不胜感激）。我有一个函数可以根据某些条件将其设置为可见或隐藏。 我在弹出框上有两个按钮，“关闭”：关闭弹出框并将其设置为隐藏和“保存”：保存弹出框上的任何内容。 我的函数只告诉框在需要时关闭。这是正确的。但隐藏两个按钮大约需要4秒钟（这是不可接受的）。所以我试着调用另一个函数，在框被隐藏后立即隐藏两个按钮，但是这个4秒的间隔仍然存在，我不知道为什么

JAVASCRIPT

function login(showhide) {
        if (showhide == "show") {
            document.getElementById('popuplogin').style.visibility = "visible";
        } else if (showhide == "hide") {
            document.getElementById('popuplogin').style.visibility = "hidden";
        }
        document.getElementById("container1").style.filter = "blur";
    }

HTML

登录

您应该在firefox或safari等web浏览器开发人员工具窗口中运行时间线，并确定加载时间的哪一部分花费了这么长的时间，因为这可能是在此之前执行的其他脚本的结果。我猜是您没有显示的其他代码导致了此问题。。。。您是在进行同步Ajax调用还是在运行某种循环？我甚至没有使用Ajax。不应在该块周围执行任何循环@MiiinimalLogic我正在使用visual studio开发windows应用程序。与网络无关

 <div id ="popuplogin">
       <form class ="loginform">
           <div class ="backbutton2" onclick="login('hide')"></div>
           <input type ="text" placeholder ="Name" id ="loginname" class="boxes" />
           <input type="password" placeholder ="Password" id ="loginpassword" class="boxes"/>
           <p class ="btn1" onclick ="logger()">LOG IN</p>
           </form>
       </div>