在没有setTimeout的情况下移除和添加类时，不会发生Css动画。

在没有setTimeout的情况下移除和添加类时，不会发生CSS动画。这是因为CSS动画是由浏览器的渲染引擎处理的，当修改元素的类时，渲染引擎会重新计算元素的样式，并将动画效果应用于元素。而在没有setTimeout的情况下，类的修改会立即生效，渲染引擎无法捕捉到类的变化，导致无法触发CSS动画。

要解决这个问题，可以使用setTimeout来延迟添加或移除类的操作。通过使用setTimeout函数，可以将类的修改放在JavaScript事件队列的末尾，使得浏览器有足够的时间来捕捉到类的变化，并触发CSS动画效果。

以下是一个示例代码，展示了如何使用setTimeout来添加和移除类，以触发CSS动画效果：

<!DOCTYPE html>
<html>
<head>
<style>
.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transition: width 1s;
}

.animate {
  width: 200px;
}
</style>
</head>
<body>

<div id="myBox" class="box"></div>

<script>
var box = document.getElementById("myBox");

// 添加类并触发动画效果
setTimeout(function() {
  box.classList.add("animate");
}, 1000);

// 移除类并触发动画效果
setTimeout(function() {
  box.classList.remove("animate");
}, 2000);
</script>

</body>
</html>

在上述示例中，我们通过使用setTimeout函数来延迟添加和移除类的操作，从而使得CSS动画能够正常触发。在1000毫秒后，我们添加了名为"animate"的类，使得元素的宽度从100px过渡到200px，触发动画效果。在2000毫秒后，我们移除了"animate"类，使得元素的宽度恢复为100px，再次触发动画效果。

推荐的腾讯云相关产品和产品介绍链接地址：