Flipclock 5 minute timer update#
Flipclock 5 minute timer code#

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 5 minute timer 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 5 minute timer 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.