Javascript 在后台运行JS时隐藏元素，然后再次显示

基本上，这就是我想要做的：

隐藏元素1

运行与element1相关的JS函数

显示元素1

其目的是在后台JS修改元素时不向用户显示该元素，一旦JS函数执行完毕，再次显示该元素。这样，用户就看不到发生的所有更改

那么，是否有可能基于完成执行的JS函数更改元素的CSS

上下文：

我在我们的网站上做了一个测试，在控制和实验之间。网站加载页面，然后激发我的测试代码（我上面提到的JS）。因此，用户看到了正常的网站，然后它消失了，在它最终加载测试之前，他们看到了发生的变化。从用户体验的角度来看，这太糟糕了，所以我的计划是在最终版本加载之前保持所有内容都显示为空白，这就是问题所在。

$（“#容器”）.hide（）；
var内容=“”；
对于（var i=0；i
$（“#容器”）.hide（）；
var内容=“”；
对于（var i=0；i）“那么，是否可以基于完成其执行的JS函数更改元素的CSS？”.当然。问题到底出在哪一部分？您似乎误解了一些事情：如果您的函数是同步的，那么您不必隐藏元素：在代码完成之前不会进行渲染。请澄清您的目标。因为您的函数太模糊，无法得到真正的答案。通常，函数的执行需要几毫秒，因此更改将持续一段时间从用户的角度来看，这些都是即时发生的。你的函数是做什么的？需要多长时间才能完成？@marzelin即使需要1秒也不会进行渲染。@DenysSéguret但浏览器将被冻结1s“那么，是否有可能根据完成执行的JS函数更改元素的CSS？”.当然。问题到底出在哪一部分？您似乎误解了一些事情：如果您的函数是同步的，那么您不必隐藏元素：在代码完成之前不会进行渲染。请澄清您的目标。因为您的函数太模糊，无法得到真正的答案。通常，函数的执行需要几毫秒，因此更改将持续一段时间从用户的角度来看，这些事件会立即发生。您的功能是什么？需要多长时间才能完成？@marzelin即使只需1秒，也不会发生渲染。@DenysSéguret但浏览器将冻结1秒