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