在延迟之前更改模态的背景

Question

我在我的网站上使用此material modal pop-up（http://codepen.io/ettrics/pen/Jdjdzp/），它完全正常，但我需要进行一次修改。正如您在片段中看到的那样，单击按钮后会有400毫秒的延迟，然后显示模态内容。在定义的400ms延迟之后，模态内容的背景也会发生变化。我想要的是背景颜色应该改变immediately once the button is clicked并且模态内容应该在400ms后正常加载。

&__bg类控制模态的背景。它在代码段中设置为透明。请假设它是黑色的任何纯色。

我没有JAVA SCRIPT的任何经验。 一个小帮助将被赞赏。

Answer 1

这是您想要的修改笔。

问题是你想立即显示模态但暂时隐藏内容

window.setTimeout(function(){
                // reveal the modal content
                content.classList.add('modal__content--active');
            },contentDelay);

http://codepen.io/anon/pen/ZpYEvL