¿Por qué el bucle jquery no funciona? Javascript, jquery, html, css

Sé que parezco un idiota en este momento, pero no puedo encontrar por qué nunca obtengo el número 0 en el bucle.

http://jsfiddle.net/7uSAN/5/

var timer = 0;

setInterval(function() {
if (timer == 1)
{
var timer = 0;
$("#box").html(timer);
}
else
{
var timer = 1;
$("#box").html(timer);
}
}, 1000);

Respuestas

Simplemente elimine la instrucción var para alternar entre esas condiciones. La var dentro de esas condiciones crea un local var timer.

La eliminación de la var solucionaría el problema ya que estaría actualizando el timer var que se declara afuera.

var timer = 0;

setInterval(function() {
if (timer == 1)
{
timer = 0;
$("#box").html(timer);
}
else
{
timer = 1;
$("#box").html(timer);
}
}, 1000);

estás declarando nuevo timer variable para ambos si bloques. Eliminar var

var timer = 0;

setInterval(function() {
if (timer == 1)
{
timer = 0;
$("#box").html(timer);
}
else
{
timer = 1;
$("#box").html(timer);
}
}, 1000);