Question

我的“行动呼吁”中有3个箭头图标，逐个从不透明度0淡入到不透明度1.一切正常，但我想做的是所有3个箭头图标都已淡入，我想要将它们全部设置回不透明度0并重新开始逐个循环。我被困在如何重新启动它。任何帮助，将不胜感激。这是我到目前为止使用动画一次的代码。

%//       ------ Change here
%//       |
%//       V
function [I] = trap_haskell(f, a, b, n)

Answer 1

尝试使用setInterval，并将fadeIn和fadeOut链接在一起。

var interval;
$('.cta-icon').each(function(i, el) {
 interval = setInterval(function() {
  $(el).fadeIn(function() {
    $(this).fadeOut();
  });
 }, 1000);
});
...
clearInterval(interval) //stop the interval

Answer 2

如果您只想为按钮设置动画，为什么不通过CSS执行此操作？这不需要JS：

db.loadServerScripts();
db.Event.update({"_id" : "30fc..."}, {"name": "foo_bar" , "clubName": getClubName("4df32...")});

每秒将元素混合进出。如果您更喜欢jQuery方式，可以选择<br>。

.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

您找到一个小示例here。

它通过后重新启动动画

2 个答案: