JavaScript цикъл

[headsho7]

Как мога да направя цикъл със Javascript .... имам предвив 2 ефекта да се въртят до безкрайност..

$(function() {
$("#box").fadeOut(1222);
});
$(function(){
$("#box").fadeIn(1200);

 

[embaka]

то ако се върти до безкрайност ще ти забие браузъра

 

[headsho7]

значи няма как след FadeIn да почне пак FadeOut и така постоянно ?

 

[echo123]

Със setTimeOut() трябва да стане, като в края на самата функция я викаш пак същата, само че с setTimeOut()

 

[headsho7]

Еcho можеш ли да ми го напишеш както трябва защото от 2 дена уча JS :d

 

[adrian]

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>setTimeout Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
function fader(el) {
$(el).fadeOut(1222).fadeIn(1200);
}

(function() {
fader('#box');
setTimeout(arguments.callee, 0);
})()
</script>
</head>
<body>
<p id="box">Hello</p>
</body>
</html>

fader() функцията приема стойност, която му зададеш (може да е id, class или какъвто друг селектор поискаш) и след това скрива този елемент и го показва (но само веднъж)

Точно тук и идва долната функция (оцветената в червено). За нейното обяснение можеш да погледнеш този пост на Paul Irish в блога му. http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

Първите няколко минутки са за това, няма да се наложи да го гледаш цялото (въпреки, че само би могъл да спечелиш ако му отделиш 53 мин.)

 

[StormBreaker]

Може и така:
function fade_in()
{
$("#box").fadeIn(1200, fade_out);
}
function fade_out()
{
$("#box").fadeOut(1222, fade_in);
}

и викаш която искаш да е първа:
fade_out();