javascript - 设置时间倒计时器jquery

标签 javascript jquery countdown

如何使用 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;
    }
});

最佳答案

这符合您正在寻找的内容吗?首先,一些 HTML:

<span id="days"></span>
<span id="hours"></span>
<span id="minutes"></span>
<span id="seconds"></span>

然后,一些 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;
}

我希望这是有道理的! Here's a fiddle如果您想查看实际版本。

您还可以看到这个Countdown Timer using jQuery

关于javascript - 设置时间倒计时器jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18856963/

相关文章:

javascript - 如何使用 jquery 发出 POST 请求并在 django View (不是通用 View )中访问 POST 数据,而不使用 csrf token ?

JQuery下拉菜单,当子项处于事件状态时如何显示它们?

javascript - 如何设置带时区的倒计时?

javascript - 单击“提交”按钮时刷新网页

javascript - 如何使用javascript测试元素在列表中排序?

php - 根据模型将ajax数据插入数据库

javascript - 如何创建一个javascript倒计时,刷新后继续计数

javascript - 如何将加密形式的密码从 ReactJS 发送到 ExpressJS?

javascript - 用于 brainfuck 循环的正则表达式

javascript - 5 秒后显示 JS 警报