javascript - 带进度条的倒数计时器

Question

我正在使用 final countdown 插件。问题是当我重新加载浏览器时，第二个值的开始时间与以前相同。例:时间还剩12分10秒。 10 分钟后，当我刷新浏览器时，分钟数保持不变。我该如何更改它？

这是我的作品链接 http://rrfpractice.com/662121/mou/final-countdown/

我的脚本是:

$(document).ready(function() {

    // this code is for countdown
    $('.countdown').final_countdown({
    start: '0',
    end: ((((31+29+31+30+31+30+31+31+30+31+30+31)*24)*60)*60),
    now: ((((31+29+31+30+31+30+31+2)*24)*60)*60),
    seconds: {
        borderColor: '#2ecc71',
        borderWidth: '6'
    },
    minutes: {
        borderColor: '#2ecc71',
        borderWidth: '6'
    },
    hours: {
        borderColor: '#2ecc71',
        borderWidth: '6'
    },
    days: {
        borderColor: '#2ecc71',
        borderWidth: '6'
    }}, function() {
    // Finish callback
});

Answer 1

看起来你有一个固定的 future 时间，想要倒计时。

为什么不这样做:https://jsfiddle.net/mL1jfsLs/

JS

var start = new Date();  // now
var end = new Date("12/15/2016");

// get total seconds between the times
var delta = Math.abs(end.getTime() - start.getTime()) / 1000;

// calculate (and subtract) whole days
var days = Math.floor(delta / 86400);
delta -= days * 86400;

// calculate (and subtract) whole hours
var hours = Math.floor(delta / 3600) % 24;
delta -= hours * 3600;

// calculate (and subtract) whole minutes
var minutes = Math.floor(delta / 60) % 60;
delta -= minutes * 60;

// what's left is seconds
var seconds = Math.floor(delta) % 60;  // in theory the modulus is not required

alert("remaining: " + days + "d " + hours + "h " + minutes + "m " + seconds + "s");

---

我不知道你使用的是哪个库，因为你没有说明。但是在您的代码中有一个参数 now 具有您的固定值。所以你需要使它成为一个变量值。
因此，您可以使用 new Date() 对象获取当前时间戳并调用 .getTime()，如我的示例所示。
可能是这样的:
现在:Math.floor( (new Date()).getTime()/1000 )