Многочисленные функции в разное время под одной setInterval (функция()

Question

Я в настоящее время таймер обратного отсчета, который Обновляет изображение каждые 30 секунд. Этот код работает хорошо для меня.

<script type="text/javascript"> 
jQuery(document).ready(function() { 
var countdown = 30; 
jQuery('#countdown').html(countdown); 
setInterval(function() { 
    countdown--; 
    jQuery('#countdown').html(countdown); 
      if (countdown <= 0) 
    { 
     jQuery('.imagerefresh').attr('src', jQuery('.imagerefresh').attr('src')); 
     countdown = 30; 
     jQuery('#countdown').html(countdown); 
      } 
}, 1000); 
}); 
</script> 

Пытаюсь чтобы добавить код ниже, чтобы получить новое изображение с отметкой 10 секунд и сохранить его локально на сервере. Когда я добавлю его в код выше (до строки 7, «if (обратный отсчет < = 0)»), кажется, что получить новое изображение и сохранить его в порядке на отметке 10 секунд, но при обновлении изображения через 0 секунд изображение, кажется, обновляется, а затем сразу же сворачивается на себя.

if (countdown <= 10) 
{ 
    jQuery.get('/path/to/file/getnewimage.php'); 
} 

Предложения по устранению обвала изображения? Или предложения по более эффективному коду, чтобы получить новое изображение, прежде чем обновлять его на странице. Благодарю.

Answer 1

насчет остановки с помощью setInterval (http://www.youtube.com/watch?feature=player_detailpage&v=i_qE1iAmjFg#t=462s):

http://jsfiddle.net/coma/2Jaqy/7/

$(function() { 

    var max = 30; 
    var countdown = max; 
    var img = $('#image'); 
    var display = $('#countdown'); 

    img.load(function(event) { 

     setTimeout(refresh, 1000); 

    }); 

    var load = function(url) { 

     var ts = (new Date()).getTime(); 
     img.attr('src', url + '?ts=' + ts); 

    }; 

    var get = function() { 

     //$.get('/path/to/file/getnewimage.php', load); 
     setTimeout(function() { 

      load('http://lorempixel.com/400/200/'); 

     }, 500); 

    }; 

    var refresh = function() { 

     display.text('wait ' + countdown + ' seconds...'); 
     countdown--; 

     if(countdown < 0) { 

      countdown = max; 
      get(); 

     } else { 

      setTimeout(refresh, 1000); 

     } 

    }; 

    get(); 

}); 

и заботясь о загрузке изображения.