reflejo / jquery-countdown Goto Github PK
View Code? Open in Web Editor NEWAmazing jQuery Countdown plugin!, Check it out.
Amazing jQuery Countdown plugin!, Check it out.
I'm looking for a negative counter, that basically means, count-up after zero.
Is there any option, or if you can give me a quick insight as to where to make the code modification for positive counting, that'll be great.
When user use endtime option with date larger than 1 month, your count down showing wrong count.
For example now is Nov 11 2014, set and countdown with this option
$("#cd").countdown({
format: "dd:hh:mm:ss",
endTime: new Date('12/20/2014 07:00:00')
});
will return count with 01 day, instead of 32 day
Hello,
The plugin works great, but when I enter 2016 - 1 - 1 as the date, the countdown appears to be wrong. It says there are 3 days left.
I checked and my system time is correct.
Any help?
Thanks!
hi, recently we want to add your lib to https://cdnjs.com, could you please set a version number for current files, it's good for us update your lib on cdnjs after you update your lib. Or if you are not going to update this lib, can we regard it as v1.0.0?
thank you very much!
btw, does files under img
also need to be host? I saw digits.png
is mentioned in js file.
I see you don't tag your releases. That's unfortunate because it makes it harder to use your plugin directly from RawGit CDN.
If you were to tag your releases we could use the Branch dropdown at the top of the page to select a release, then paste the URL to the .js file for that release into RawGit and use it from there. But because no releases are tagged, we have to use a specific commit now.
Tagging a release is simple and costs only a few minutes. Use the releases tab. You as owner of the repo will see a button there marked Draft a new release
. Press it, fill in a version tag, title and optional description and hit the Publish release
button. Bam! A new release has been created that gives us all a stable target for including in our page.
Let me know if you would like to know more, I'd be glad to help.
I can't seem to remove seconds from the format. (hh:mm)
When I do this... mm just becomes seconds.
$('#counter').countdown({
image: "digits.png",
format: "dd:hh:mm:ss",
endTime: new Date('07/16/13 05:00:00')
});
if use this format above, and current date of my computer is the same "07/16/13 05:00:00" The remaining time back to thirty-day left (30days,00h,00m,00s). The correct thing to reset the timer to 00days, 00h, 00m,00s...
I love this component, but I've run into a snag trying to make it responsive; if the window is too narrow, the digits just cut off and I can't find any way to make them wrap. Any suggestions on this? Thanks.
I read everything I could find here (inc. "How do I display 3 digits for days ('ddd')? #33" ) but still I only get 2 digits for days. Here's my code:
jQuery(document).ready(function($) {
$('#counter').countdown({
image: "wp-content/themes/sometheme/img/digits.png",
format: "ddd:hh:mm:ss",
endTime: new Date('12/29/16 23:59:59')
});
});
Hi,
I want to show days till xmas. How can I do this please?
How can I add milliseconds and years to my counter?
Hi,
The countdown is not using all my settings:
$jq(".digits").countdown({
image: "images/digits_small.png",
digitWidth: 34,
digitHeight: 45,
format: "dd:hh:mm:ss",
endTime: new Date(2016,3,20)
});
its using the "image" and "digitWidth/height" but doesnt use the "format" and "endTime", it gets it from the default settings and uses the startTime so it starts from the same time on a refresh.
also i get the error:
TypeError: digits[elem]._max is not a function
makeMovement(elem, digits[elem]._max(elem, isStart), true);
Clock does not stop, keep going after a countdown from 9 seconds down to 0, then 50 seconds down to 0, then from 9 minutes down to 0, etc.
The countdown is working well but there are a different amount of days left in Firefox / Chrome. Firefox / IE says 24 days left, in Chrome there are 25 days left. Any idea how to fix this?
Remove
How to add Days, hours, Minutes, seconds labels. with counter.
hi, how can i skip flap-effect when the digits move from nine to zero?
best regards tomas
Hi everyone !
I'm trying to use this awesome jquery countdown on a mobile website, and I have an issue because mobile browsers seem to pause javascript when tab or window is not active.
The problem is, this jquery countdown is always based on the startTime (even if you provide an endTime, the startTime is calculated at first), so if you start the countdown on your mobile browser, change tab or app, and go back to the countdown again, the timer displayed won't match the reality...
Has anyone ever faced this issue and tried to figure out how to solve it ? I think a good way would be to always consider endTime instead of startTime, but I'm not good enough at javascript to code this...
Thanks !
On line 177 you should put this to make the countdown work for dates further in the future (max 99 days)
d: Math.floor( ( d - new Date( d.getFullYear(), 0, 1 ) ) / ( 1000 * 60 * 60 * 24 ) ),
Real-world tickers usually are cards that the top half drops down to reveal the new number. This ticker defies gravity and folds up.
Admittedly, this is likely an opinion thing. However, I'm going to wager a guess that most people will just end up changing the default png asset to correct for this. Which is why I'm posting it, just as a thought to maybe consider making it the default.
When I use 'ddd:hh:mm:ss' as a format the seconds dont go above 5. So when it reaches 0 it goes back to 5.
I don't know somethink wrong, may be on github. I can't download your PSD file, when I try to load a page I get the message: Sorry, something went wrong. Reload?
Looks unnatural as it goes again gravity. A solution would be to make the number parts flip from top to bottom.
I have this working well right now on a bootstrap-based site. The digits are a little big for what I want though and was wondering if there was an easy way to scale this? At first glance it didn't look possible since the sprite was a fixed size, but I'm probably overlooking something obvious.
Thanks!
Hi there,
We would like to use the clock as an automated process.
Is there a way that the clock can automatically reset for example after 7 days?
I would like to have a week countdown and the clock to come back to seven days automatically.
So to enable it on Monday for 7 days and next Monday automatically to become 7 again.
Any help?
Thank you
Kind Regards,
The countdown timer is showing 1 day less than it's supposed to be under Windows 8.1, in Internet Explorer and FireFox.
In Chrome, under Windows 8.1, and in Safari, Chrome & Firefox under Mac OS X the correct number of days are shown.
You can test the issue on this site until May 19, 2015: https://apps.pxl.be/misc/timer/badtimer.html
Remove
I'd like to countdown from a date that is more than 99 days away.
If the count is greater than 29 days, the day count returns to zero.
for example:
current time: 2014,05,09
$(function(){
$(".digits").countdown({
image: "img/digits.png",
format: "dd:hh:mm:ss",
endTime: new Date(2014,06,08)
});
});
return: 00days, 05hours, 44minuts, 44seconds
but the right is:
29days, 05hours, 44minuts, 44seconds
Could someone help me urgently please?
Hi all,
Is there any means to reset the countdown?
e.g. I start the countdown from a given startTime "03:00". When count down to 01:20, I want to reset the countdown to start again from "03:00" or any other time.
I uses following codes(I don't know is it a proper way to do that) and works fine in Firefox and IE8, but not Chrome.
Is there any solution for this?
$(".digits").empty();
$(".digits").countdown({
image: "images/digits.png",
format: "mm:ss",
startTime: "03:00"});
Is there an option to add labels below each group of countdown numbers?
Something like
Days : Hours : Minutes : Seconds
Hi, how detach\remove\destroy countdown and create new?
I am trying to do a countdown, and at an interval to synchronize with the server
No work:
$('.nowdigits').unbind().detach();
After creating a counter buggy
correct work only last of them
i understand that problem is in code
var digits = [];
var intervals = [];
but how to fix it ...
I need stop previously the counter, how i can do it?
$('#counter').countdown({ stop OR something });
Guys, that would be very nice to have also white color theme png/psd too
Your day is off by one. Given the following:
Current local time is November 17, 2013 at midnight.
Coundown end time is just one day in the future.
$('.digits').countdown({
image: 'digits.png',
format: 'dd:hh:mm:ss',
endTime: new Date(2013, 11, 18),
});
Countdown clock will read 31 days.
If I have a date that is in the past, I have this(53 days, 8 hours, 39 minutes...)
$("#time_countdown").countdown(
{
image: "/img/digits.png",
format: "dd:hh:mm:ss",
//endTime: new Date("<?=$date->format("D M j Y H:i:s")." GMT".$date->format("O");?>")
endTime: new Date("Mon Feb 1 2016 00:00:00 GMT+0800")
});
is there a method to start the timer when a user clicks a button.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.