Javascript 在CSS中，快速刷新元素的背景

我正在制作一个极其简单的网页，用香草javascript提供简单的功能。我不时地更改

的

innerHTML

。有没有一种简单的方法来“闪现”这个跨度？i、 e.背景应短暂变为（例如）红色，然后淡入默认白色背景。只是提醒用户某个东西已更新

---

我想用现代、简单的CSS来做这件事，因为我想了解更多。我相信我可以手动设置所有这些的动画，但我想知道是否有✨现代的✨ 做这件事的方法。假设我使用的是现代网络浏览器。这是一个内部工具，我不需要支持每个web浏览器。但是我宁愿使用标准的投诉方法。

如果你在这里分享了你的代码，那么我可以更好地帮助你，但无论如何 您可以借助CSS

transition

property来完成这类事情。 这样做真的很方便

---

由于

元素的闪烁是由其内容的更改触发的，因此仅CSS不足以实现该功能。您还需要使用一些JavaScript，以便在内容发生更改时触发颜色更改。元素上的A将处理其余部分（即淡入和淡出动画）

下面是一个简单的代码片段（支持您的“现代web浏览器”），它演示了如何使用来延迟第二个动画（否则，更改将是即时的）

函数updateContent（元素、内容）{
//更新内容
element.innerHTML=内容；
//更改背景颜色（将触发CSS配置的转换）
element.style.backgroundColor='红色'；
//更改背景色（延迟等于过渡长度）
setTimeout（（）=>{element.style.backgroundColor='white'；}，500）；
}
//延迟初始更新（只是为了更好地可视化正在发生的事情）
设置超时（（）=>{
updateContent（document.getElementById（'flashy'），'newcontent'）；
}, 1000);
华而不实{
背景色：白色；
过渡：背景色500ms线性；
}

---

initial content

您可以向span中添加一个CSS类，还可以启动setTimeout（）将该类从span中删除。如果你想变得花哨，你可以给它添加过渡。您还可以使用这个现成的实用程序。当元素的内容发生变化时，颜色应该发生变化，这意味着您不能简单地使用CSS，还需要一些JavaScript。这并不能回答这个问题。若要评论或要求作者澄清，请在其帖子下方留下评论-