javascript 设置时间倒计时计时器 jquery
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18856963/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
set time Count Down timer jquery
提问by user2619093
How to set an EST time in a countdown using Javascript. I am using the following piece of code and able to set the hours countdown , but i need a particular time as
http://www.timeanddate.com/countdown/generic?iso=20130920T1730&p0=152/
如何使用 Javascript 在倒计时中设置 EST 时间。我正在使用以下代码并能够设置小时倒计时，但我需要一个特定的时间作为
http://www.timeanddate.com/countdown/generic?iso=20130920T1730&p0=152/
var now = new Date();
BigDay = new Date("September20,2013");
var countTo=BigDay.getTime()
$('.timer').countdown(countTo, function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span.'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
回答by Chris Kempen
Is this along the lines of what you're looking for? First off, some HTML:
这与您要查找的内容相符吗？首先，一些HTML：
<span id="days"></span>
<span id="hours"></span>
<span id="minutes"></span>
<span id="seconds"></span>
Then, some Javascript (together with jQuery!):
然后，一些 Javascript（连同 jQuery！）：
setInterval(function(){
// set whatever future date / time you want here, together with
// your timezone setting...
var future = new Date("Sep 20 2014 21:15:00 GMT+0200");
var now = new Date();
var difference = Math.floor((future - now) / 1000);
var seconds = fixIntegers(difference % 60);
difference = Math.floor(difference / 60);
var minutes = fixIntegers(difference % 60);
difference = Math.floor(difference / 60);
var hours = fixIntegers(difference % 24);
difference = Math.floor(difference / 24);
var days = difference;
$("#seconds").text(seconds + "s");
$("#minutes").text(minutes + "m");
$("#hours").text(hours + "h");
$("#days").text(days + "d");
}, 1000);
function fixIntegers(integer)
{
if (integer < 0)
integer = 0;
if (integer < 10)
return "0" + integer;
return "" + integer;
}
I hope this makes sense! Here's a fiddleif you'd like to see the live version in action.
我希望这是有道理的！如果您想查看实际版本，这里有一个小提琴。
You can also see this Countdown Timer using jQuery
