Flipclock countdown to specific date update#
Flipclock countdown to specific date code#

(In the older versions, the year simply wouldn't display, and the months value would be capped at 12). For example, if rangeHi is set to 'month' and there are acutally 2 yearsВ remaining until the target time, the months value will dispaly the fragment months + an additional 24 months resulting in something similar to: 29. Fixed concept: When remaining time is larger than rangeHi, the rangeHi now displays the culmination of hidden values. Included logic to acount for daylight savings. Added 'offset' option, so users can manually apply a time zone offset. Added option to hide the thin black line for 'boring' style countdowns. minutes didn't change until < 30 seconds) Fixed rounding errors on 'time' type countdowns. Fixed cross-month calculation when target date-number = today date-numberВ + 1 Numerous other tweaks, updates and fixes. Handling.The onComplete function is now sent 1 argument, which is a generic object containing the deadline year, month, etc.

Flipclock countdown to specific date update#

So, why re-invent the wheel?)ДЄdded 'interval' option to set each instance's update time independantly. (I actually spent quite some time developing my own logic, which seemed to work rather well, but after banging on it, there were just too many weirdo instances that didn't add up as expected. This provides more accurate values for time differneces between dates including fragmented months, days, hours, minutes and seconds.

Replaced difftime logic with the datejs javascript library. Note that daylight savings time can cause 'what you think' and 'reality' to be different. Included 'tests.html' for a very small portion of the test-casesВ (this file is not static, so you can conduct specific tests). For example the time between Jan 29th and Apr. Heavy testing was conducted on my time difference logic, but there may be some quirks for certain difftime scenerios. Which means I'd essentially have to incorporate that in anyway. As it turns out, the other library didn't provide support for combing total days, total months etc. Revereted to my difftime logic library. Fixed bug: User defined 'minute' was not incorporated into calculations. Removed debugging ouptut (to the javascript console) that I should have removed. Fixed incorrect month calculations when THIS.day < THAT.day and spanning across a year (e.g. Added 'textScale' and 'offset' option for labels. the flip countdown should work on any page) Script should now load 'flip' images when the script is used on pages not relative to the script folder. Replaced the 'offset' option to 'timezone' so that it properly sets the dealine to a specific timezone.ДЇixed incorrect month calculation when THIS.month = THAT.month and spanning across a year. Put javascript-based configuration options at the top of the Javascript file. Added fade in (plus a configuration option 'fadeInMS' for flipper to mitigate wonky startup image discombobulation for flipper style. Weight : 'normal' // < - no comma on last item!ДЇixed bug where target date was defaulting to the 0 timezone.ДЇixed issue for flickering images in Firefox for flipper style. Offset : 0, // Number of pixels to push the labels down away from numbers. Year : 'YEARS' // <- no comma on last item! Truncate : true, // Prevents culmination of hidden values into rangeHi. Interval : 82, // Number of milliseconds between display updates. NumberMarginTop : 5.5, // The space on top of the numbers.

Flipclock countdown to specific date code#

To use countdown, include the following lines of code into your page: Set it up to use external images (as shown above), or use without images as seen in the examples to the right. Specify a total number of seconds to count down 'to'. (year, month, day, hour, minute, second)Дў. The countdown timer can be used two ways:ДЎ. A countdown widget for your web page that displays the remaining as a flip clock or simple numbers.