Javascript 与时间间隔有关的表演

我已经做了一个间歇条，问题是我担心，如此微不足道的事情需要如此多的时间，我的意思是在1分钟内超过120个间隔，有没有一种更有效的方法

window.addEventListener（“DOMContentLoaded”，（）=>{
var e=document.getElementById（“bar”），flag=true；
设置间隔（（）=>{
国际单项体育联合会（旗）{
e、 style.display=“无”；
flag=！flag；
}
否则{
e、 style.display=“block”；
flag=！flag；
}
},400);
});
#barText{
字体系列：单空格；颜色：紫色；字体大小：25px；
字号：600；
位置：绝对位置；
}
#酒吧{
宽度：2.2px；
高度：29px；
背景颜色：紫色；
利润率：022%；
}

溢流
您可以只使用CSS动画，而不使用JS


#barText{
字体系列：单空格；颜色：紫色；字体大小：25px；
字号：600；
位置：绝对位置；
}
#酒吧{
宽度：2.2px；
高度：29px；
背景颜色：紫色；
利润率：022%；
动画：闪烁动画。6s步数（2，开始）无限；
-webkit动画：闪烁动画。6s步骤（2，开始）无限；
}
@关键帧闪烁动画{
到{
可见性：隐藏；
}
}
@-webkit关键帧闪烁动画{
到{
可见性：隐藏；
}
}

溢流
您可以只使用CSS动画，而不使用JS


#barText{
字体系列：单空格；颜色：紫色；字体大小：25px；
字号：600；
位置：绝对位置；
}
#酒吧{
宽度：2.2px；
高度：29px；
背景颜色：紫色；
利润率：022%；
动画：闪烁动画。6s步数（2，开始）无限；
-webkit动画：闪烁动画。6s步骤（2，开始）无限；
}
@关键帧闪烁动画{
到{
可见性：隐藏；
}
}
@-webkit关键帧闪烁动画{
到{
可见性：隐藏；
}
}

溢流
以每秒2帧的速度执行代码的CPU需求微不足道，不值得考虑。游戏通常以
setInterval（x，50）
执行。事实上，
requestAnimationFrame（）
相当于
setInterval（x，16.7）
以每秒2帧的速度执行代码的CPU需求是如此微不足道，以至于不值得考虑。游戏通常以
setInterval（x，50）
执行。事实上，
requestAnimationFrame（）
相当于
setInterval（x，16.7）
哪个浏览器是
@-webkit关键帧
和
-webkit动画
所需的？（Chrome不需要）哪个浏览器是
@-webkit关键帧
和
-webkit动画
所需的？（对于Chrome来说，这不是必需的）