Как реализовать setTimeout() в each?

Question

[Саша]

Добрый день, подскажите пожалуйста, как реализовать подобное?

$('.js-iframe-load').each(function(i){
	setTimeout(function(){
		$(this).attr('src', $(this).attr('data-src-frame') );
	}, 2000);
});

Нашел альтернативу, но как остановить setInterval когда все дочерние элементы перебраны?

var elements = $('.similar-article').find('.sa-th');
var index = 0;
setInterval(function(){
	$(elements).eq(index).find('.js-iframe-load').attr('src', $(elements).eq(index).find('.js-iframe-load').attr('data-src-frame') );
	console.log(index++);
}, 2000);

Answer 1

[Анатолий Сидоров]

Вроде должно работать

jQuery('.js-iframe-load').each(function(){
   setTimeout((function(){ $(this).attr('src', $(this).attr('data-src-frame') ); }).bind(this) , 2000)
})

jsfiddle.net/Lo3kuqjy

Comments

[Саша]

Сразу все срабатывают

[Анатолий Сидоров]

Тогда как уже предложили ниже, добавляй итератор к секундам

jQuery('.js-iframe-load').each(function(i){
   setTimeout((function(){ $(this).attr('src', $(this).attr('data-src-frame') ); }).bind(this) , 2000*i)
})

[Анатолий Сидоров]

А для остановки setInterval нужно присвоить его переменной и сделать clearInterval.

var elements = $('.similar-article').find('.sa-th');
var index = 0;
var myInterval = setInterval(function(){
  $(elements).eq(index).find('.js-iframe-load').attr('src', $(elements).eq(index).find('.js-iframe-load').attr('data-src-frame') );
  if(index++ >= elements.length)
	  clearInterval(myInterval);
}, 2000);

Answer 2

[Anton B]

Не ясно какую задачу вы решаете.
Срабатывают все сразу, потому что JS выполняет код асинхронно.
Можно модернизировать ваш код, чтобы он выполнился не параллельно, а друг за другом.

$('.js-iframe-load').each(function(i){
  setTimeout(function(){
    $(this).attr('src', $(this).attr('data-src-frame') );
  }, 2000 * i);
});

Answer 3

[Саша]

Анатолий Сидоров: Anton B:
Нашел такое решение:

var index = 0;
if(index >= $('.js-iframe-load').length){
	clearInterval(intrvl);
}
intrvl = setInterval(function(){
	$('.js-iframe-load').eq(index).attr('src', $('.js-iframe-load').eq(index).attr('data-src-frame') );
	index++
}, 3000);

Comments

[Анатолий Сидоров]

clearInterval не будет в таком виде отрабатывать, смотри Как реализовать setTimeout() в each?

[Саша]

Анатолий Сидоров: хорошо, гляну.
Спасибо!)

[Саша]

Анатолий Сидоров: Вы правы.
Только немного подправил