Fadein和Fadeout Div边界仅持续3秒

Question

我如何保持淡入淡入3秒钟并清除效果？

html：

<div id="divid"></div>

CSS：

#divid{
    border:1px solid;
    border-color:#000;
 }

JQ：

var Interval;
function fadeInOut(divid){ 
   $('#'+divid).fadeOut(500).fadeIn(500);
};
Interval = setInterval(fadeInOut(divId),600);

Answer 1

我如何保持淡水和淡入3秒钟的淡出并清除 效果？

如果正确解释问题，请尝试使用.queue()顺序调用.fadeIn(500).fadeOut(500)三次，然后停止；队列应为空，或"清除效果"

$("#divid").queue("_fx", $.map(Array(3), function() {
  return function(next) {
    return $(this).fadeOut(500).fadeIn(500, next);
  }
})).dequeue("_fx");

#divid {
    border:1px solid;
    border-color:#000;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="divid">abc</div>

Answer 2

这里发生了很多事情。首先，我认为您在这里不需要间隔。另外，fadeIn的第二个参数是回调。您可以在那里传递fadOut方法。最后，将迭代更改为3000毫秒（3秒）

fadeInOut();
function fadeInOut() {
    $('#divid').fadeOut(3000, function() {
       $(this).fadeIn(3000);
    });
}

#divid{
    border:1px solid;
    border-color:#000;
    width: 100px;
    height: 100px;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="divid"></div>