Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
easy-countdown
Advanced tools
Readme
countdown is a jQuery plugin to render countdowns. Instead of unicorns this plugin does not have any magic, but if you like countdowns to be rendered the way you want, this plugin might become your best friend.
To use the countdown plugin you need to load the current version of jQuery (tested with 1.7.2) and the javascript file of the plugin.
Just add the following lines to the head
of your website:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.countdown.js"></script>
Then you have to initialize the plugin with your desired configuration:
$(function() {
$('.yourCountdownContainer').countdown({
date: "June 7, 2087 15:03:26"
});
});
Yep, it's easy like that! Enjoy the time you saved!
You can pass a set of these options to set a custom behaviour and look for the plugin.
Property (Type) | Default | Description |
---|---|---|
date | new Date("June 7, 2087 15:03:25") | The end time of your fancy countdown. Pass either a date object or a string/integer that will be used to create a new Date object. Here you can find all accepted formats of this value. |
refresh | 1000 | Refresh rate in milliseconds or false to avoid automatic updates. |
render | With the render option you can set a function to change the output of the plugin. This function is called in the scope of the plugin, so you can access the leadingZeros method to format numbers as well as public variables and methods. A literal object will be passed to this function as an argument, containing the remaining time parts (years, days, hours, min, sec). | |
onEnd | Callback function that is called when the end date is reached | |
offset | A period of time (in milliseconds) that is used as offset in time difference calculation between now and end time. Useful if countdown calculation to end time is imprecise due to user's date and time settings. |
method(arguments) | Description |
---|---|
leadingZeros(number, [length = 2]) | Add leading zeros to a number. |
update(newDate) | Update the end time. The possible formats of the argument newDate are the same as described in the date -option above. |
updateOffset(newOffset) | Update the offset (time in milliseconds). |
render() | Call the render method. This might be usefull if you set refresh to false. |
stop() | Stops the refresh loop. |
start([refreshRate]) | Start the refresh loop. If you set a refresh rate in the options you can overwrite it with the argument refreshRate . If you don't pass an argument, the old value or the default value of 1 sec will be used. |
restart(options) | Update the options and restart the countdown |
countdown
is dual licensed under the MIT and GPL-3.0 licenses.
FAQs
Simple, lightweight and easy to use countdown plugin
The npm package easy-countdown receives a total of 23 weekly downloads. As such, easy-countdown popularity was classified as not popular.
We found that easy-countdown demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.