12/21/2023 0 Comments Flipclock js daysSo, why re-invent the wheel?)Īdded "interval" option to set each instance's update time independantly. Handling.The onComplete function is now sent 1 argument, which is a generic object containing the deadline year, month, etc. Fixed cross-month calculation when target date-number = today date-number + 1 Numerous other tweaks, updates and fixes. minutes didn't change until < 30 seconds) Fixed rounding errors on "time" type countdowns. Added option to hide the thin black line for "boring" style countdowns. Added "offset" option, so users can manually apply a time zone offset. Included logic to acount for daylight savings. Fixed concept: When remaining time is larger than rangeHi, the rangeHi now displays the culmination of hidden values. 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. (In the older versions, the year simply wouldn't display, and the months value would be capped at 12). This concept holds true for months, days, hours, minutes and seconds. Updated display engine to jbeeb 0.0.0.FlipClock is designed to be used a UMD or ES6 module that can be required and The CDN exposes FlipClock as aįlipClock originally was developed an example library for a computer science class that I taught. I never actually thought people would use it, let alone imagine how people would use it. Import with Webpack, Rollup, Browserify with the UMD build You can apply CSS to your Pen from any stylesheet on the web.It's been a long time coming, but FlipClock.js has been rewritten for a modern age with no dependencies. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. If the stylesheet you link to has the file extension of a preprocessor, we'll attempt to process it before applying. You can also link to another Pen here, and we'll pull the. JS CODE#Īll new CSS themes for different flip effectsīasic Usage import FlipClock from 'flipclock' Ĭonst el = document.querySelector('. #FLIPCLOCK IS NOT A FUNCTION FLIPCLOCK.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |