围绕简单的幻灯片动画jquery包装settimeout函数答案

【问题标题】：wrap set time out function around simple slide animation jquery围绕简单的幻灯片动画jquery包装settimeout函数
【发布时间】：2016-02-18 07:58:31
【问题描述】：

我有一个使用 jQuery 的简单向下滑动功能，我只是在动画中让图像向下滑动。它工作得很好。但是，我正在尝试在动画运行后重置动画，因此它将在用户会话期间继续循环。我尝试了以下，但它没有按预期工作，幻灯片动画仍然运行，但不是超时和重新启动所寻求的效果。感谢您的任何想法。

$(window).load(function () {
setTimeout(function(){
        $("#man").show("slide", {
            direction: "up"
        }, 2000);
},500);
});

【问题讨论】：

你想让它先上滑再下滑，以此类推吗？

标签： javascript jquery css animation

【解决方案1】：

您可以在完成 2000 毫秒转换后调用函数。

更新小提琴：http://jsfiddle.net/CqR9E/392/

$(window).load(function () {
   setTimeout( go(),500);
});

function go(){

  $("#man").show("slide", {
      direction: "up"
  }, 2000, function(){
     $( "#man:visible" ).removeAttr( "style" ).fadeOut();
      go();
  });
}

【讨论】：