Javascript 在等待动态时间后添加类

我希望模糊一个元素，然后给它一个

display:none

样式，以便将其从文档中完全删除。下面的代码工作不正常：我认为

setTimeout

函数执行得太快了

如何更改代码以允许

updateClassAndRemove

函数的

duration

参数将

duration

秒添加到动画中，并将相同的秒数添加到

setTimeout

函数中

/\//
"严格使用",；
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\///
函数移除元素（元素）{
element.classList.add（'dsp none'）；
}
/////////////删除元素\\\
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//
函数updateClassAndRemove（元素、类字符串、持续时间）{
element.style.animationDuration=持续时间+s'；
element.classList.add（classString）；
//下一行显示隐藏元素的速度过快
//setTimeout（删除元素），持续时间*1000；
}
///////更新类并删除/////
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//
函数start（）{
var元素=document.getElementById（'段落'）；
updateClassAndRemove（元素'blur'，10）；
}
//开始\\
start（）
/*.\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn*/
.dsp无{
显示：无；
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.动画{
动画持续时间：1s；
动画延迟：0s；
动画迭代次数：1；
动画计时功能：轻松进出；
动画方向：正常；
动画填充模式：无；
动画播放状态：运行；
}
.模糊{
动画名称：模糊；
}
/*\\\\\\\\\\\\\动画关键帧/////*/
@关键帧模糊{
100% {
过滤器：模糊（1rem）；
}
}
将其模糊，然后删除显示。
您需要将
removeElement（）
放在
setTimeout


/\//
"严格使用",；
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\///
函数移除元素（元素）{
element.classList.add（'dsp none'）；
}
/////////////删除元素\\\
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//
函数updateClassAndRemove（元素、类字符串、持续时间）{
element.style.animationDuration=持续时间+s'；
element.classList.add（classString）；
setTimeout（函数（）{
移除元素（元素）；
}，持续时间*1000）；
}
///////更新类并删除/////
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//
函数start（）{
var元素=document.getElementById（'段落'）；
updateClassAndRemove（元素'blur'，10）；
}
//开始\\
start（）
/*.\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn\chftn*/
.dsp无{
显示：无；
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.动画{
动画持续时间：1s；
动画延迟：0s；
动画迭代次数：1；
动画计时功能：轻松进出；
动画方向：正常；
动画填充模式：无；
动画播放状态：运行；
}
.模糊{
动画名称：模糊；
}
/*\\\\\\\\\\\\\动画关键帧/////*/
@关键帧模糊{
100% {
过滤器：模糊（1rem）；
}
}
将其模糊，然后删除显示。
这是一个很好的答案，但我发现我的语法错误。这是cleaner
setTimeout（removeElement，持续时间*1000，元素）我不知道如何像这样传递参数。更新你的答案@当然，这就是你不接受我答案的原因吗？这只是另一种写作方式。如果您希望使用作为第三个参数传递的var来编写，您可以编辑我的帖子，我会接受它吗？