我有一个悬停事件，将一些递归调用（使用setTimeout）设置为一个名为wobbleRadius的函数，该函数会影响该元素的css样式。许多这些悬停事件引发了，它们都运行良好。
然而，一旦我在倒数计时器中添加了每秒更新<p>元素，我就会遇到问题。
每当倒计时超时结束时，悬停效果停止工作一段可观察的时间，我知道这是因为对文本的更新需要很长时间，就像我注释掉更新文本行一样，摆动效果仍然可以正常工作。我的问题是，是否有更快的方式更新<p>标记内的文本值而不是：
$("#pText").text(value);
或
document.getElementById("pText").textContent = value;
如果我使用12个div而不是14个，那么悬停效果仍然可以正常倒计时，所以似乎有一些我不理解的奇怪逻辑。
在下面的小提琴中，您可以注意到，当您将鼠标悬停在div上时，它们会摇晃但是间隔1秒似乎会出现短暂的故障。倒数计时器达到0后，摆动效果正常。
编辑：
注意**：这是使用Google Chrome。它似乎在IE / FF中完美运行。