kemar / jquery.countdown Goto Github PK
View Code? Open in Web Editor NEWUnobtrusive and easily skinable countdown jQuery plugin generating a <time> tag.
Home Page: https://kemar.github.io/jquery.countdown/
Unobtrusive and easily skinable countdown jQuery plugin generating a <time> tag.
Home Page: https://kemar.github.io/jquery.countdown/
I'm getting the wrong timer value.
My time is 2017-06-07T15:45:00
, Time zone "Europe / Ukraine".
In the script settings set, datetime="2017-06-07T16:00:00"
Timer shows 3 hours and 15 minutes and it's a mistake.
I can adjust my time zone 2017-06-07T15:45:00+0300
, but what if the user comes from a different time zone? What will happen during the transition to winter time?
The script should be oriented to the local time of the user. Time zones must be adjusted on the server or in the script settings.
Sorry for my english :)
because when day in the single string it showing 1 number only but we want 01. another thing it's not showing the label for the hour, mins and sec
How can pause countdown ?
It would be convenient to have an option to disable the leading zero in the hours item
I had designed a web app to give questions to answerer randomly. It has two mode,and each mode has different amounts of questions,which also corresponds to different quiz-time. So, the countdown script should be delayed to load until the server response the questions. How should I do to realize it
Thx for the fantastic script. It is possible script to optimize for the display of the days from dd to dd-1 and dd-2
Hi @kemar
We are trying to reset the timer with a loop every two minutes.
We have tried the following with no luck:
<div><time id="my-countdown">00:02</time></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://kemar.github.io/jquery.countdown/jquery.countdown.js"></script>
<script>
window.jQuery(function ($) {
// Start a countdown.
$('#my-countdown').countDown();
function resetCountdown(endDate) {
// Replace the old countdown with a new one but keep the same ID!
$('#my-countdown').countDown('destroy').replaceWith('<div><time id="my-countdown">00:02</time></div>');
var newCountdown = $('#my-countdown');
newCountdown.attr('datetime', endDate).countDown();
}
$('my-countdown').on('time.elapsed', function () {
resetCountdown(endDate);
});
});
</script>
With no luck. Any help would be greatly appreciated.
Thanks
Mark
I use jquery.countdown in my project and need to change its time in working.
Can do this?
Seems this doesn't work in Safari, it just displays the date.
`$('.js-countdown').countDown({
separator_days: ':'
});
$('.js-countdown').on('time.elapsed, function () {
$('.video_container_outer').fadeIn();
$('.gallery_container').fadeOut();
console.log('ended');
});`
Hey!
So this code executes perfectly when the timer runs out when i'm on the page. But when i refresh the page it goes back to its original state...and the event doesn't get fired. Do you have a solution?
$(document).on('time.elapsed',dynamictimer, function (e) {
$.ajax({
type: "post",
dataType: "json",
async: true,
url: urlTimer,
data: $(this).closest('form').serialize(),
success: function (data) {
handleCases(data);
},
complete: function(data,s,xhr) {
$(timerClass).unbind();
}
}); //ends ajax call
});
Hi, nice development!!
I try to use your jquerry.countdown and I have a issue in internet explorer 11 this is the url http://telemundopr.bimedia.net/centrobasket/count/index.html
What is steps to fix it?
Thanks for something help to fix it...
Thanks for your work.
The demo looks broken in IE7.
http://kemar.github.io/jquery.countdown/
I need to initiate a new instance of the countdown upon an event occurring, however it seems that calling $('.class').countDown(); a second time does not restart or initiate a new countdown. I have tried removing the time element that is generated and then initiating a new countdown on the same class but this did not work. Any ideas?
At the moment I've gotten around it by removing the entire element and recreating it, but I'm sure there must be a more elegant solution.
Need some help...So I create the ticker and all is working...but now I added a selection list...with option for different time...on select option change, i want to reset the ticker to new time without reloading the page....But ticker doesn't not reset...
function resetCountdown() {
alert("reset");
//will be passing time val
$('.countdown').attr('datetime', '00:10:00');
$('#allotedTimer').countDown();
}
$("select")
.change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("#itemText").text(str);
resetCountdown();
});
GitHub Pages works on HTTPS.
The page at https://kemar.github.io/jquery.countdown/ currently loads, however there is mixed content and both Chrome and Firefox will not execute the JavaScript that is loaded from an HTTP host.
Both fonts.googleapis.com
and ajax.googleapis.com
are available over HTTPS. Changing it will not affect functionality on the HTTP side.
Hello!
I have set the countdown timer to 30 seconds and I want it to start automatically again when it reachers 0.
I tried with 'time.elapsed' but no success.
Can you help?
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.