setinterval не работает для изменения изображения src

Question

Удивительно, почему следующий код не изменит мой img src. Закомментированный пример работает отлично. И предупреждение срабатывает каждые 4 секунды. Замена src просто не работает внутри функции заданного интервала.

$(document).ready(function(){ 
    $(".samples_1_1").on("click", function(){ 
     alert('asdf'); 
     //$(this).attr("src", "../../static/results/samples_1_2.png"); 
     setInterval(function() { 
      alert('alert 1'); 
      $(this).src("src", "../../static/results/samples_1_2.png");   
     }, 4000); 
     }); 
    }); 

Answer 1

Во-первых, во втором примере вы используете .src(), которого не существует. Используйте .attr(), как и раньше. Во-вторых, ключевое слово $(this) теперь находится внутри собственной функции, что делает его неопределенным. Вам нужно будет указать элемент вручную, используя $(".samples_1_1").attr("src", "../../static/results/samples_1_2.png");