Здравствуйте, казалось бы легкий вопрос, но...
Как правильно реализовать цикличность вызова функции, события и т.п
с помощью скажем setInterval, setTimeOut, everyTime (Jquery.timers.js) и т.д.?
Вроде все просто, пишем код, к примеру:
<script type="text/javascript">
function b_move(){
var visB = $(".b_sup:visible");
var nextB = visB.next();
$(".b_sup").fadeOut(1000);
if(visB.length==0||nextB.length==0)
$(".b_sup:first").delay(1000).fadeIn(500);
else nextB.delay(1000).fadeIn(500);
}
$(document).everyTime(7500,'tmr_b', b_move);
</script>
<span class="b_sup" ><img src="blalbalba" /></span>
<span class="b_sup" style="display:none"><img src="blalbalba" /></span>
<span class="b_sup" style="display:none"><img src="blalbalba" /></span>
<span class="b_sup" style="display:none"><img src="blalbalba" /></span>
<span class="b_sup" style="display:none"><img src="blalbalba" /></span>
Идея, поочередная смена картинок...
В IE, к примеру, все работает.... но откроем страницу в браузере Chrome,
и при условии ухода на некоторое время на другую вкладку и возвращению обратно, сможем видеть быструю смену картинок (как будто скрипт отрабатывает те итерации что мы пропустили за время нашего отсутствия) затем все возвращается на круги своя...