Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Анимация .fadeOut и .fadeIn (https://javascript.ru/forum/jquery/21845-animaciya-fadeout-i-fadein.html)

Кирюха =) 26.09.2011 18:21
Анимация .fadeOut и .fadeIn
 
Доброго всем времени суток!!!Делаю анимацию примерно вот так 
$(document).ready(function(){
  $("#magaa").fadeOut(3000); 
  $("#magaa").fadeIn(3000);
});

как сделать что бы это действие повторялось неограниченное кол-во раз?

Кирюха =) 26.09.2011 18:36
пробовал с циклами экспереминтировать,что то не получается у меня подскажите плз

Nightmare 26.09.2011 18:52 
function s() {
   $("#magaa").fadeOut(3000); 
   $("#magaa").fadeIn(3000);
   s();
}
s()

Триви 26.09.2011 18:54
А зачем тут циклы? Про рекурсию слышал?
Что то типо того:
<style>
#magaa {
  width: 100%;
  height: 100%;
  background: #00f;
}
</style>

<div id="magaa"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function anim(act) {
  if(act==0) {
    $("#magaa").fadeOut(3000,function(){anim(1);});
  } else {
    $("#magaa").fadeIn(3000,function(){anim(0);});
  }
});
</script>

Nightmare 26.09.2011 18:57
Цитата:
Сообщение от Триви (Сообщение 128171)
А зачем тут циклы? Про рекурсию слышал?
Что то типо того:
<style>
#magaa {
  width: 100%;
  height: 100%;
  background: #00f;
}
</style>

<div id="magaa"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function anim(act) {
  if(act==0) {
    $("#magaa").fadeOut(3000,function(){anim(1);});
  } else {
    $("#magaa").fadeIn(3000,function(){anim(0);});
  }
});
</script>
зачем так сложно?

Триви 26.09.2011 18:57
Цитата:
Сообщение от Nightmare (Сообщение 128170) 
function s() {
   $("#magaa").fadeOut(3000); 
   $("#magaa").fadeIn(3000);
   s();
}
s()
Не знаю насколько это корректно..
Может быть всё таки дождаться, когда событие завершится, как в моём примере?

Кирюха =) 26.09.2011 20:38
Ребята спасибо вы мне очень помогли.Поподробней про рекурсию почитаю...а то никогда о чуде таком не слышал


Часовой пояс GMT +3, время: 10:59.