Из-за цикла не работает анимация

[monolithed]

по второму пункту -есть какаято существенная разница между ними?

из какого примера?

[dmitriymar]

из какого примера?

вызов анонимных функций

[monolithed]

вызов анонимных функций

кроме теории, никакой, также как и между третьей. Главное чтобы фунция была объявлена как Function Expression:

//1
var foo = function() {};

//2
var foo = new  function() {};

//3
var foo = function() {
   return function() { //и эта тоже Function Expression
      //..
   }
}

//4
foo(function() {
//..
});

var foo = {
    bar : function() {

    }()
};

//5
0,function() {}; //,[] ,{}, ,'' ,любой объект
!function() {}; // ,+ ,- ,~ ,! 

//6
(function() {

})(); //}())

// конструкции ниже, не относится ни к FE ни к FD:
//7
[].constructor(function() {  //,[] ,{}, ,'' ,любой объект

}());

//8
(Function('alert("..")'))();

//и даже без единого слова function

([].constructor.constructor(
//..
  )
)();

и так далее..

т.е. основное визуальное отличие Function Expression от Function Declaration в том, что Function Expression не может начинаться с ключевого слова function , за исключением, возврата каретки. Более подробно можно тут

[dmitriymar]

monolithed,

[Isaac]

<div id="div">
    <p></p>
    <p></p>
</div>

<script>
var p = document.getElementById('div').getElementsByTagName('p'),
    i = p.length;

while(i--) {
    p[i].innerHTML = p[i].nodeName;
}
</script>

Красава, плюсую!

[Isaac]

Сделал следующим способом

window.onload = function()
{
	var distance = 1,
		speed = 0.5,
		li = document.getElementById("lists").children,
		count = 1,
		i = 0;
	
	(function ()
	{
		distance = distance + speed;
		document.getElementById("playBar").style.top = distance + "px";	
		
		if(distance == li[count].offsetTop)
		{
			setTimeout(arguments.callee, 1500);	
			count ++;
		}else
		 	setTimeout(arguments.callee, 10);  	
			
		if(distance == 260)
			speed = 0;				
	}());
	
};

Но, в ES5 свойство arguments.callee недоступно в строгом режиме, поэтому спецификация советует лучше воздерживаться от его использования в будущем, а также удалять все обращения к этому свойству.
Подскажите, чем я могу заменить в данном случае свойство arguments.callee ?

[Aetae]

(function eternal(){
   setTimeout(eternal,1000)
})()
alert(window.eternal)

[Isaac]

(function eternal(){
   setTimeout(eternal,1000)
})()
alert(window.eternal)

Спасибо,а еще есть варианты ?

[Isaac]

Подскажите, что сделал не так?
Предыдущий код работал отлично, но я решил сделать все в объекте, теперь перестало работать, не могу понять причину
И стоит ли так часто обращаться к this ?

var PLAYDIV = PLAYDIV || {		
		li :  document.getElementById("lists").children,
		playDiv : document.getElementById("playBar"),
		
		speed : 10,
		delay : 1300,
		
		distance : 1,
		plus : 0.5,				
		count : 1,
		i : 0,
		
		_getPlay: function() {
					 this.distance = this.distance + this.plus
					 this.playDiv.style.top = this.distance + "px"
					 
					 if(this.distance == this.li[this.count].offsetTop)
					 {
						 var timer1 = setTimeout(arguments.callee, this.delay)
						 this.count ++;
					  }else
					   	  var timer2 = setTimeout(arguments.callee, this.speed)
						  
					  if(this.count == this.li.length)
					  {
						  this.plus = 0
						  
						  clearTimeout(timer1)
						  clearTimeout(timer2)
						  
						  timer1 = null;						
						  timer2 = null;
						  
						  this.playDiv.parentNode.removeChild(this.playDiv);
					  }		
				  }		
	};

PLAYDIV._getPlay()