Javascript 使用flipclock.js从特定日期开始倒数

我正在使用

这是我到目前为止的通话脚本

<script type="text/javascript">
var clock = $('.clock').FlipClock(3600 * 24 * 5, {
    clockFace: 'DailyCounter',
    countdown: true,
});
</script>

变量时钟=$（'.clock'）。翻转时钟（3600*24*5{
钟面：“DailyCounter”，
倒计时：没错，
});

有人能告诉我如何从确切的日期开始倒数吗

---

例如，日期是英国时间2014年7月21日，每个访问该网站的人都会根据当前日期查看到该日期还有多长时间。

您必须这样做：

$(document).ready(function(){
    var date = new Date(2014, 7, 21, 0,0,0,0);
    var today = new Date();

    var dif = date.getTime() - today.getTime();

    var timeLeft = Math.abs(dif/1000)/60;


    var clock = $('.clock').FlipClock({
        autoStart: false,
        clockFace: 'DailyCounter',
        countdown: true
    });

    clock.setTime(timeLeft);
    clock.start();   
});

时间函数有点不正确，因此您必须使用它才能正确使用它

小提琴：这是我用的

<div class="clock"></div>
<script type="text/javascript">
    var date = new Date(2015, 6, 21);
    var now = new Date();
    var diff = (date.getTime()/1000) - (now.getTime()/1000);

    var clock = $('.clock').FlipClock(diff,{
        clockFace: 'DailyCounter',
        countdown: true
    });  
</script>

var日期=新日期（2015年6月21日）；
var now=新日期（）；
var diff=（date.getTime（）/1000）-（now.getTime（）/1000）；
变量时钟=$（'.clock'）。翻转时钟（不同{
钟面：“DailyCounter”，
倒计时：对
});  

月份是以零为基础的，因此7月是第七个月，使用6。

简单：

<div class="clock"></div>

<script type="text/javascript">
    var clock = $('.clock').FlipClock(new Date("August 15, 2015 03:24:00"),{
    clockFace: 'DailyCounter',
    countdown: true
    });  
</script>

变量时钟=$（“.clock”）.FlipClock（新日期（“2015年8月15日03:24:00”）{
钟面：“DailyCounter”，
倒计时：对
});  

或

变量时钟=$（'.clock'）。FlipClock（新日期（2015年8月15日）{
钟面：“DailyCounter”，
倒计时：对
});  

您需要自己计算差异。请参见新年倒计时示例：

---

@马特，很好的例子，但是我可以理解为什么“酷虾”发布了一个类似的公式，两者都有一半是正确的

在我的网站中，当我使用JSFIDLE时，我希望它也能显示“小时”、“分钟”和“秒”，下面的示例对我来说非常有用：

    <script type="text/javascript">
        var date = new Date("February 01, 2016 02:15:00"); //Month Days, Year HH:MM:SS
        var now = new Date();
        var diff = (date.getTime()/1000) - (now.getTime()/1000);

        var clock = $('.clock').FlipClock(diff,{
            clockFace: 'DailyCounter',
            countdown: true
        });
    </script>

var日期=新日期（“2016年2月1日02:15:00”）//年月日HH:MM:SS
var now=新日期（）；
var diff=（date.getTime（）/1000）-（now.getTime（）/1000）；
变量时钟=$（'.clock'）。翻转时钟（不同{
钟面：“DailyCounter”，
倒计时：对
});

我认为使用Date的api函数会更好（）

---

太棒了，非常感谢@这不是问题。如果它对你有用，你能把它标记为正确的吗？谢谢。嗨，对不起，这不起作用=（例如，如果你使用js小提琴，将日期改为7月25日，严格说来就是明天，你希望看到一天？但你没有，你看到31天。请帮助。干杯，@Wes我说过我的时间函数已关闭。只需将

timeLeft

除以

60

var timeLeft=Math.abs（dif/1000）/60；

Quick head up，您缺少一个逗号

Flipclock（不同，{

@ChadKruse谢谢，修正了。为什么这会被否决？这里是最好最正确的答案。不需要事先计算一些差异。这个答案很简单。Flipclock已经通过设置倒计时来计算其功能的差异：首先，我认为这是最漂亮的方法，但后来我想到了lize倒计时的速度比它应该的快一倍，每秒钟它跳下2而不是1。所以我回到了计算差异的方式，就像Flipclock在Github给我们的例子一样。

$(document).ready(function() {
    // Grab the current date
    var currentDate = new Date();
    // Set some date in the past. In this case, it's always been since Jan 1
    var pastDate  = new Date(currentDate.getFullYear(), 0, 1);
    // Calculate the difference in seconds between the future and current date
    var diff = currentDate.getTime() / 1000 - pastDate.getTime() / 1000;
    // Instantiate a coutdown FlipClock
    clock = $('.clock').FlipClock(diff, {
        clockFace: 'DailyCounter'
    });
);

    <script type="text/javascript">
        var date = new Date("February 01, 2016 02:15:00"); //Month Days, Year HH:MM:SS
        var now = new Date();
        var diff = (date.getTime()/1000) - (now.getTime()/1000);

        var clock = $('.clock').FlipClock(diff,{
            clockFace: 'DailyCounter',
            countdown: true
        });
    </script>

$(document).ready(function() {
    // Today's date object.
    var today   = new Date();
    today   = today.getTime()/1000;

    // Final date object.
    var finalDate = new Date();

    // Setting year for final date.
    finalDate.setFullYear(2016);

    // Setting month for final date.
    // Month counting starts from 0 i.e. Jan = 0, therefore March = 2.
    finalDate.setMonth(2);

    // Setting Day for final date.
    finalDate.setDate(17);

    // Setting Hours for final date.
    finalDate.setHours(12);

    // Setting Minutes for final date.
    finalDate.setMinutes(00);

    // Setting Seconds for final date.
    finalDate.setSeconds(00);

    var finalDate  = finalDate.getTime()/1000;
    var diff  = finalDate - today;

    $('div#countdown-clock').FlipClock(diff, {
        clockFace: 'HourlyCounter',
        countdown: true
    }); 
});