Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2012, 11:23
Mndrake
 
Fecha de Ingreso: septiembre-2010
Mensajes: 78
Antigüedad: 14 años, 5 meses
Puntos: 0
Optimizar Codigo Javacsript

buenas , tengo este codigo:

Código HTML:
<script type="text/javascript">
$(function(){
 var d, h, m, s;
  $('div#clock').countdown(new Date(2012,10,25), function(event) {
    var timeFormat = "%d dia(s) %h:%m:%s"
        $this = $(this);
    switch(event.type) {
      case "days":
        d = event.value;
        break;
      case "hours":
        h = event.value;
        break;
      case "minutes":
        m = event.value;
        break;
      case "seconds":
        s = event.value;
        break;
      case "finished":
        $this.fadeTo('slow', 0.5);
        break;
    }
    // Assemble time format
    if(d > 0) {
      timeFormat = timeFormat.replace(/\%d/, d);
      timeFormat = timeFormat.replace(/\(s\)/, Number(d) == 1 ? '' : 's');
    } else {
      timeFormat = timeFormat.replace(/%d dia\(s\)/, '');
    }
    timeFormat = timeFormat.replace(/\%h/, h);
    timeFormat = timeFormat.replace(/\%m/, m);
    timeFormat = timeFormat.replace(/\%s/, s);
    // Display
    $this.html(timeFormat);
  });
});
</script> 
Entiendo como funciona con esto imprimo la cuenta regresiva en pantalla:

Código HTML:
<div  id="clock"></div> 
pero que pasa si necesito no una sino 5 cuentas regresivas diferentes en la misma pagina como lo optimizo para no tener que copiar esto 5 veces.

Muchas Gracias