Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在延迟之前更改模态的背景_Javascript_Html_Css - Fatal编程技术网

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

Javascript 在延迟之前更改模态的背景,javascript,html,css,Javascript,Html,Css,我在我的网站上使用了这个材质模式弹出窗口(),它工作得非常好,但我需要修改一下。正如您在代码段中看到的,单击按钮后会有400毫秒的延迟,之后会显示模式内容。模式内容的背景在规定的400毫秒延迟后也会发生变化。我想要的是,一旦点击按钮,背景颜色应该立即改变,模式内容应该在400ms后正常加载 &uu bg类控制模式的背景。在代码段中将其设置为透明。请假设它是黑色之类的任何纯色 我在JAVA脚本方面没有任何经验。 如果你能帮我一点忙,我将不胜感激 这是一支经过修改的钢笔,上面有您想要的更改 问题是,

我在我的网站上使用了这个
材质模式弹出窗口
(),它工作得非常好,但我需要修改一下。正如您在代码段中看到的,单击按钮后会有400毫秒的延迟,之后会显示模式内容。模式内容的背景在规定的400毫秒延迟后也会发生变化。我想要的是,一旦点击按钮,背景颜色应该立即改变
,模式内容应该在400ms后正常加载

&uu bg
类控制模式的背景。在代码段中将其设置为透明。请假设它是黑色之类的任何纯色

我在JAVA脚本方面没有任何经验。
如果你能帮我一点忙,我将不胜感激

这是一支经过修改的钢笔,上面有您想要的更改

问题是,您希望立即显示模式,但暂时隐藏内容

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