我如何保持淡入淡入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);
我如何保持淡水和淡入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>
这里发生了很多事情。首先,我认为您在这里不需要间隔。另外,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>