Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2011, 04:11
SeRgIeTTe
 
Fecha de Ingreso: agosto-2011
Mensajes: 45
Antigüedad: 13 años, 3 meses
Puntos: 0
Reloj Cuenta atrás (Múltiples cuentas)

Hola buenos dias.

Acabo de aterrizar en este foro y he visto que es uno de los más completos sobre programación asi que os escribo.

Mi duda es como hacer 4 multiples cuenta atrás. Me he mirado un post de hace tiempo que hablaba de eso y solo he conseguido hacer 2 (copiando el código)

Mi duda surge cuando intento hacer 4. Alguien sabe sobre el tema?

Gracias y un saludo!


PD: Este el el codigo para 2.


script>
/* código de Douglas Crockford, para crear un objeto que hereda de otro
http://javascript.crockford.com/prototypal.html
*/
if (typeof Object.create !== 'function') {
Object.create = function (o) {
function F() {}
F.prototype = o;
return new F();
};
}


var cuentaAtras = {
intervalID : 0,
horas : 0,
minutos : 0,
segundos : 0,

inicializar : function(horas, minutos, segundos) {
this.horas = horas;
this.minutos = minutos;
this.segundos = segundos;
},

restar : function() {
if(this.segundos > 0) {
this.segundos--;
} else{
if (this.minutos > 0) {
this.segundos = 59;
this.minutos--;
} else {
if(this.horas > 0) {
this.minutos = 59;
this.horas--;
}
}
}
},

mostrar : function(nodo) {
if ( (this.horas === this.minutos) && (this.minutos == this.segundos) && (this.segundos == 0) ) {
this.terminado(nodo);
} else {
var tiempo = [ this.horas, this.minutos, this.segundos ];
for (i=0; i < 3; i++) {
if (tiempo[i] < 10) tiempo[i] = "0" + tiempo[i];
}
nodo.innerHTML = tiempo.join(':');
}
},

terminado : function(nodo) {
nodo.innerHTML = 'TERMINADO!';
window.clearInterval(this.intervalID);
}

};


var cuentaAtras1 = Object.create(cuentaAtras);
var cuentaAtras2 = Object.create(cuentaAtras);

cuentaAtras1.inicializar(0, 0, 10);
cuentaAtras2.inicializar(2, 45, 0);

cuentaAtras1.intervalID = setInterval(function() {
cuentaAtras1.mostrar(document.getElementById('coso 1'));
cuentaAtras1.restar();
}, 1000);

cuentaAtras2.intervalID = setInterval(function() {
cuentaAtras2.mostrar(document.getElementById('coso 2'));
cuentaAtras2.restar();
}, 1000);

</script>

<span id="coso1"></span><br />
<span id="coso2"></span><br />