Jquery 如何循环我的函数？

这是一个单击的div动画。但当命令结束时，函数不会重新启动。我试着回拨，但可能是搭配错了

:

$（函数（）{
//设置动画
$（'.fa向左箭头'）。在（'click'，函数集_animation（）{
$（'.container.set'）.css({
“转换”：“转换（27px）”
});
$（'.fa向左箭头'）.css({
“变换”：“旋转（180度）”
});
$（'.fa向左箭头'）。在（'click'，function（）上{
$（'.container.set'）.css({
“转换”：“转换（220px）”
});
$（'.fa向左箭头'）.css({
“变换”：“旋转（0度）”
});
})
});
})

如果您不关心计时器中的代码是否比您的时间间隔长，请使用setInterval（）

设置间隔（功能、延迟）

它反复激发作为第一个参数传入的函数

window.setInterval(function() {
// method to be executed;
}, 5000);  //Run the function every 5 seconds

更好的方法是将setTimeout与自动执行的匿名函数一起使用：

(function(){
// do some stuff
setTimeout(arguments.callee, 60000);
})();

---

这保证了在执行代码之前不会进行下一次调用。在本例中，我使用arguments.callee作为函数引用。给函数一个名称并在setTimeout内调用是一种更好的方法，因为在ecmascript 5中arguments.callee已被弃用。

您可以尝试延迟：

$(document).ready(function() 
{ 
    $('.fa-arrow-left').on('click', set_animation());
});
function set_animation()
{
      $('.container .set').css({
          'transform': 'translate(27px)'
      });
      $('.fa-arrow-left').css({
          'transform': 'rotate(180deg)'
      });
      $('.fa-arrow-left').on('click', function() {
          $('.container .set').css({
              'transform': 'translate(220px)'
          });
          $('.fa-arrow-left').css({
              'transform': 'rotate(0deg)'
          });
      });
      this.delay(800, setanimation);
}

---

这称为“回调函数”。其思想是在函数完成时调用它。

查看代码的工作版本（包括CSS和HTML）会有很大帮助。然而，我建议使用关键帧来完成您需要的操作。您希望函数循环多少次？是否要连续循环动画？在第一个动画中有第二个onclick。这肯定不会发生work@Pineda是的，我知道你的解释很混乱，我猜你只是想要一些切换按钮，点击它会展开/折叠左侧菜单（来回）。这是调整后的演示，演示了您需要的实际内容