5 comments to "A class countDown in Javascript"

1. 
   October 14, 2008 Richard Worthy:

   Hello Giovambattista,
   I find very interesting this JavaScript solution, because it is simple. As a lover of scripting, I've made some changes to your code that you place the following:

   PLAIN TEXT

   JavaScript:

   1. dd ) { function countdown (dd) (
   2. / / Init target time
   3. new Date ( dd ) ; var target = new Date (dd);
   4. = target. getTime ( ) ; this. targetTime = target. getTime ();
   6. / **
   7. * Refresh countdown
   8. * /
   9. = function ( ) { this. refresh = function () (
   10. new Date ( ) ; var today = new Date ();
   11. today. getTime ( ) ; var currentTime = today. getTime ();
   12. / / Time left
   13. = this . targetTime - currentTime ; this. leftMilliseconds = this. targetTime - currentTime;
   14. = Math. floor ( this . leftMilliseconds / 1000 ) ; this. leftSeconds = Math. floor (this. leftMilliseconds / 1000);
   15. = Math. floor ( this . leftSeconds / 60 ) ; this. leftMinutes = Math. floor (this. leftSeconds / 60);
   16. = Math. floor ( this . leftMinutes / 60 ) ; this. leftHours = Math. floor (this. leftMinutes / 60);
   17. = Math. floor ( this . leftHours / 24 ) ; this. leftDays = Math. floor (this. leftHours / 24);
   18. ( ) ; this. render ();
   19. );
   21. = function ( ) { this. render = function () (
   22. = this . ms = this . leftMilliseconds % 1000 ; this. leftMilliseconds = this. ms = this. leftMilliseconds% 1000;
   23. = this . s = this . leftSeconds % 60 ; this. leftSeconds = this. s = this. leftSeconds% 60;
   24. = this . m = this . leftMinutes % 60 ; this. leftMinutes = this. m = this. leftMinutes% 60;
   25. = this . h = this . leftHours % 24 ; this. leftHours = this. h = this. leftHours% 24;
   26. = this . leftDays ; this. d = this. leftDays;
   27. );
   29. = function ( _format ) { this. output = function (_format) (
   30. _format. split ( ' ' ) || 'dhms ms' , output = '' ; var format = _format. split ( '') | | 'dhms ms', output ='';
   31. / / Alert (fn); commented by = Undo =
   32. var t in format ) { for (var t in format) (
   33. this [ format [ t ] ] ) output += this [ format [ t ] ] + ( ( t != format. length - 1 ) ? ', ' : '' ) ; if (this [format [t]]) output + = this [format [t]] + ((t! = format. length - 1)? ',':'');
   34. )
   35. output ) ; document. write (output);
   36. );
   38. ( ) ; this. refresh ();
   39. )

   Basically adding more structure and represented by the output method, which allows you to print the countdown with the desired format by the user (in a very similar way as happens in PHP).
   For example, if you wanted to print the date, hours, minutes, seconds and milliseconds missing through our countdown, we could proceed as follows, each time with no recourse to appeal the internal properties of our class:

   PLAIN TEXT

   JavaScript:

   1. new countDown ( '1 1, 2009' ) ; var cd = new countdown ('1 1, 2009 ');
   2. 'dhms ms' ) ; cd. output ( 'dhms ms');

   The method "render" finally takes care of the "normalize" the format of numbers.

   Another interesting addition would be to a method "start", which calls the output periodically, so you look like a real countdown (countdown that can be stopped by their method "stop").

   Richard Worthy

   Reply Share
2. 
   October 14, 2008 Giovambattista Fazioli:

   @ Richard Worthy: really a nice variant, bravo! Especially interesting technique to format the output: ingenious and subtle! In the method output() would put a limit to return(output) rather than a document.write() ... but it is a detail. A timer with start() and stop() make it all really complete. Congratulations and thanks for the interesting suggestions

   Reply Share
3. 
   October 15, 2008 Richard Worthy:

   @ Giovambattista Fazioli:

   In the method output() would put a limit to return(output) rather than a document.write()

   Certainly, I entered the document.write() for a prompt notification of the test, in the final version of production and a return is a must

   Congratulations and thanks for the interesting suggestions

   Anything, I was pleased that exchange of technical advice

   Soon,
   Richard Worthy

   Reply Share
4. 
   November 20, 2008 Giovambattista Fazioli:

   Update: Microsoft Internet Explorer 7, the date in numeric format, type "3 5, 2008" produces error. To delete just enter the "month" using 3 letters in English: Jan, Feb, Mar, etc ...

   Reply Share
5. 
   05 ott, 2009 Paul:

   @ Giovambattista Fazioli:

   Hello everyone.
   I found this very interesting script.
   My only problem? Being an idiot with javascript find it difficult to insert into a web page.
   The change that I made the code has been put "return" instead of document.write, but I can not recall then the page id not understanding what I use.
   Can you help?
   thanks
   hello

   Reply Share

Leave a comment

 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL