javascript - jquery中如何让一个函数重复自身？

Question

比方说，我想创建一个函数来创建 div fadeOut 和 fadeIn 并每 10 秒重复一次。在 jQuery 中。这是我当前的代码。

window.setInterval(function(){
    $("leftEye").fadeOut("slow");
}, 5000);

Answer 1

CSS 动画在这种情况下似乎更合适 - 尤其是因为它是硬件加速的。您可以创建关键帧，然后将它们设置为在 5 秒内进行动画处理，无限重复。

@keyframes fade {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.inifinte-fader {
    opacity: 1;  
    animation: fade 5s infinite;
}

<div class="inifinte-fader">Foo bar fizz buzz</div>