lexxus / jq-timeto Goto Github PK
View Code? Open in Web Editor NEWjQuery plugin - timer countdown digital clock
Home Page: http://lexxus.github.io/jq-timeTo/
jQuery plugin - timer countdown digital clock
Home Page: http://lexxus.github.io/jq-timeTo/
I would like to have a mode where you start at zero and count up. To use it more like a timer.
I have a count-down timer and then I want to count up to measure the time it takes the human to acknowledge the timer.
Thanks.
Can you please add the ability to get thee current time. Change setting the time with data attribute as well. I need to this to extend time if required.
The countdown continues the count and do not execute the end callback.
Safari Versión 11.1.1 (13605.2.8)
Steps to reproduce:
Use end callback to redirect to another page
Change to another browser/tab until the countdown ends
Hello.
When the 10 seconds before the end of the timer trigger an alert () and wait until the time runs out, and then click OK - timer takes the values 23:59:59 and callback does not work.
Please, fix this. Thanks in advance.
With best regards,
Alexey
If you minimize the page with a timer and after a while open the timer tries to catch up with time
im having trouble setting the timer to where it waits for the user to input a time, sets time to input, and then start. can someone help?
In case the user has a wrong time on his device the countdown with timeto
is showing an incorrect time.
I would like to output the current time and the end time by the server and use your plugin to process both, displaying the countdown.
Maybe the current version is capable of doing this?
Tanks for your work!
The demo page looks broken in IE7
http://lexxus.github.io/jq-timeTo/
Regards,
In the translation for the Spanish language, the variable "hours", the correct translation is "hours" and not "clock":
Change the file jquery.timeTo.min.js
Solution:
Hey tnx for this package
i use it for my clients and
one of them told me when we set 25 hours ( 1 day and 1 hour)
1 days is removed
please test it and if you can fix this i'm not jquery programmer that i fix my self
best regards
var countdown = $('#countdown');
countdown.timeTo({
seconds: 0,// send 0
lang: 'ru',
countdown: false, // not work
countdownAlertLimit: 30,
displayDays: 2,
displayCaptions: true,
captionSize: 12,
fontSize: 17
});
result: time
expected: 00 00:00:00
$('#countDownDiv').timeTo({
seconds: 0,
displayCaptions: true,
fontSize: 30,
countdown: true,
captionSize: 14,
countdownAlertLimit: 0,
start: false,
callback: timeIsUp
});
makes clock instead of countdown with zeros. countdown: true, does not seem to have any affect here.
Hi, tell me how to reset the timer after time is over?
Hi,
If I refresh page after countdown finish, the countdown restart with 99:23:59:59.
how can we stop that to 00:00:00:00?
thanks
Hi,
I try the same code , but not working in IE 10, wron display for digit
I need current minutes,seconds value while click submit button
Приветствую! Не понятно с чем связано и какими действиями можно вызвать этот баг. Иногда может выдать 60 минут. Просьба пофиксить как будет время. Заранее спасибо!
$('#countdown').timeTo({ 'theme': 'black', 'seconds': 30, 'displayHours': false, 'displayMinutes': false, 'callback': function() { // my code } });
When used in multiple timeTo in single page the seconds are not like 9, 8, 7, it jumps to 9,7,5 and so on..
$('#countdown1').timeTo({
timeTo: new Date(new Date('Mon Aug 31 2015 09:00:00 GMT+0800 (PHT)')),
displayDays: 2,
displayCaptions: true,
fontSize: 65,
captionSize: 10
});
$('#countdown2').timeTo({
timeTo: new Date(new Date('Mon Aug 31 2015 09:00:00 GMT+0800 (PHT)')),
displayDays: 2,
displayCaptions: true,
fontSize: 65,
captionSize: 10
});
i.e if seconds < 3600,
then hide the hour fields.
and if hours < 24,
hide day fields.
This adjustment may not be needed in date based countdown, but in countdowns based on relative durations (by providing seconds), this feature would be very useful.
Just try:
<div class="clock"></div>
<div class="clock"></div>
....
<script>
$('.clock').timeTo();
</script>
Interestingly, you will find that the clock counts down twice a second.
I would like to pause the timer.
I am timing a real world process. If the person needs to take a break, I would like to be able to pause and resume.
Thanks.
Hi.
Can you implement additional parameter - countdownAlertCallBack?
Thanks in advance.
I try to display a timeout in a jqm popup like this:
var popup = $('<div data-role="popup" id="timeOutMessageBox" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all"></div>').appendTo( page );
var header = $('<div data-role="header" id="header_timeOutMessageBox" data-theme="a" class="ui-corner-top ui-header ui-bar-a" role="banner"><h1 class="ui-title" role="heading" aria-level="1">Timeout Warning</h1></div>').appendTo( popup );
var content = $('<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> \
<h3 class="ui-title">'+msgText+'</h3> \
<div id="countdown"></div> \
<a id="timeOutMessageBoxResetButton" href="" data-role="button" data-inline="true" data-theme="c">OK</a> \
</div> ').appendTo( popup );
popup.popup();
$("#timeOutMessageBoxResetButton").button();
popup.popup("open");
popup.popup("option", "positionTo", "window" );
console.log("timout: "+timeout);
$('#countdown').timeTo({ seconds: timeout });
When i set timeout to e.g. 60 it displays very fast 60 milliseconds and than switch to 29:59:59 (minutes:seconds:msec). It is the same problem in Firefox and Chrome. In Chrome there is also the problem that the seconds are about 2-3 times faster than real seconds. The examples from your website looks fine but doing that in this jqm popup breaks the timers i guess :/
Any ideas for a fast fix?
Hello
i make some change on javascript to get multi var but not show the right time and it set all the same time
demo : https://jsfiddle.net/qh8vteaa/1/
please help me
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.