Tema: Cambiar mensaje al finalizar
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 03/02/2013, 19:08
Mndrake
 
Fecha de Ingreso: septiembre-2010
Mensajes: 78
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Cambiar mensaje al finalizar
Cita:
Iniciado por emprear Ver Mensaje
A mi me funciona
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
  8. </script>
  9. <script type="text/javascript">
  10. //<![CDATA[
  11. (function($) {
  12.   
  13.   $.fn.countdown = function(toDate, callback) {
  14.     var handlers = ['seconds', 'minutes', 'hours', 'days', 'weeks', 'daysLeft'];
  15.     
  16.     function delegate(scope, method) {
  17.       return function() { return method.call(scope) }
  18.     }
  19.     
  20.     return this.each(function() {
  21.       // Convert
  22.       if(!(toDate instanceof Date)) {
  23.         if(String(toDate).match(/^[0-9]*$/)) {
  24.           toDate = new Date(toDate);
  25.         } else if( toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/) ||
  26.             toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/)
  27.             ) {
  28.           toDate = new Date(toDate);
  29.         } else if(toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})/) || 
  30.                   toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})/)
  31.                   ) {
  32.           toDate = new Date(toDate)
  33.         } else {
  34.           throw new Error("Doesn't seen to be a valid date object or string")
  35.         }
  36.       }
  37.       
  38.       var $this = $(this),
  39.           values = {},
  40.           lasting = {},
  41.           interval = $this.data('countdownInterval'),
  42.           currentDate = new Date(),
  43.           secondsLeft = Math.floor((toDate.valueOf() - currentDate.valueOf()) / 1000);
  44.       
  45.       function triggerEvents() {
  46.         // Evaluate if this node is included in the html
  47.         if($this.closest('html').length === 0) {
  48.           stop(); // Release the memory
  49.           dispatchEvent('removed');
  50.           return;
  51.         }
  52.         // Calculate the time offset
  53.         secondsLeft--;
  54.         if(secondsLeft < 0) {
  55.           secondsLeft = 0;
  56.         }
  57.         lasting = {
  58.           seconds : secondsLeft % 60,
  59.           minutes : Math.floor(secondsLeft / 60) % 60,
  60.           hours   : Math.floor(secondsLeft / 60 / 60) % 24,
  61.           days    : Math.floor(secondsLeft / 60 / 60 / 24),
  62.           weeks   : Math.floor(secondsLeft / 60 / 60 / 24 / 7),
  63.           daysLeft: Math.floor(secondsLeft / 60 / 60 / 24) % 7
  64.         }
  65.         for(var i=0; i<handlers.length; i++) {
  66.           var eventName = handlers[i];
  67.           if(values[eventName] != lasting[eventName]) {
  68.             values[eventName] = lasting[eventName];
  69.             dispatchEvent(eventName);
  70.           }
  71.         }
  72.         if(secondsLeft == 0) { 
  73.           stop();
  74.           dispatchEvent('finished');
  75.         }
  76.       }
  77.       triggerEvents();
  78.       
  79.       function dispatchEvent(eventName) {
  80.         var event     = $.Event(eventName);
  81.         event.date    = new Date(new Date().valueOf() + secondsLeft);
  82.         event.value   = values[eventName] || "0";
  83.         event.toDate  = toDate;
  84.         event.lasting = lasting;
  85.         switch(eventName) {
  86.           case "seconds":
  87.           case "minutes":
  88.           case "hours":
  89.             event.value = event.value < 10 ? '0'+event.value.toString() : event.value.toString();
  90.             break;
  91.           default:
  92.             if(event.value) {
  93.               event.value = event.value.toString();
  94.             }
  95.             break;
  96.         }
  97.         callback.call($this, event);
  98.       }
  99.       
  100.       function stop() {
  101.         clearInterval(interval);
  102.       }
  103.  
  104.       function start() {
  105.         $this.data('countdownInterval', setInterval(delegate($this, triggerEvents), 1000));
  106.         interval = $this.data('countdownInterval');
  107.       }
  108.       
  109.       if(interval) stop();
  110.       start();
  111.     });
  112.   }
  113. })(jQuery);
  114. //]]>
  115. </script>
  116. <script type="text/javascript">
  117. //<![CDATA[
  118. $(document).ready(function(){
  119.   var d, h, m, s;
  120.   $('div#clock').countdown(new Date(2013, 01, 03,20,01), function(event) {
  121.     var timeFormat = "%d day(s) %h:%m:%s"
  122.         $this = $(this);
  123.     switch(event.type) {
  124.       case "days":
  125.         d = event.value;
  126.         break;
  127.       case "hours":
  128.         h = event.value;
  129.         break;
  130.       case "minutes":
  131.         m = event.value;
  132.         break;
  133.       case "seconds":
  134.         s = event.value;
  135.         break;
  136.       case "finished":
  137.   timeFormat = "tiempo expirado";
  138.         $this.fadeTo('slow', 0.5);
  139.         break;
  140.     }
  141.     // Assemble time format
  142.     if(d > 0) {
  143.       timeFormat = timeFormat.replace(/\%d/, d);
  144.       timeFormat = timeFormat.replace(/\(s\)/, Number(d) == 1 ? '' : 's');
  145.     } else {
  146.       timeFormat = timeFormat.replace(/%d day\(s\)/, '');
  147.     }
  148.     timeFormat = timeFormat.replace(/\%h/, h);
  149.     timeFormat = timeFormat.replace(/\%m/, m);
  150.     timeFormat = timeFormat.replace(/\%s/, s);
  151.     // Display
  152.     
  153.     $this.html(timeFormat);
  154.  
  155.   });
  156. });
  157. //]]>
  158. </script><!-- HTML -->
  159. </head>
  160. <body>
  161. <div id="clock"></div>
  162. </body>
  163. </html>

Para tu script Enero = 00, Febrero = 01, etc....
Lo de los milisegundos, no se, no uso esos plugins

SAludos

Muchas Gracias emprear, ya me sirvio.

De casualidad sabes que debo cambiar para que enero sea 01 febrero 02 etc...

Muchísimas Gracias por tu ayuda.