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

Change background of the modal before the delay

本文关键字：模态 背景 改变 延迟      更新时间：2023-09-26

我在我的网站上使用这个material modal pop-up (http://codepen.io/ettrics/pen/Jdjdzp/)，它工作得很好，但我需要一个修改。正如您在代码片段中看到的那样，一旦按钮被点击，就会有400ms的延迟，然后显示模态内容。在定义的延迟400ms后，模态内容的背景也会发生变化。我想要的是背景颜色应该改变immediately once the button is clicked和模态内容应该在400ms后正常加载。

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

我没有JAVA SCRIPT的任何经验。如果你能帮点忙，我将不胜感激。

这里是您想要更改的修改笔。

问题是你想要立即显示模态但隐藏内容一段时间

window.setTimeout(function(){
                // reveal the modal content
                content.classList.add('modal__content--active');
            },contentDelay);
http://codepen.io/anon/pen/ZpYEvL

相关文章：