小编Tho*_*ers的帖子

我一直试图使flipclock.js完全响应并且失败了.有没有人完成这个？如果是这样,我怎么能让它工作？感谢您的时间.我试图将所有内容转换为百分比,但这并不像我预期的那样有效.我正在使用这个插件的twitter bootstrap.

这是我的flipclock.js的css:

 /* Get the bourbon mixin from http://bourbon.io */
    /* Reset */
    .countdown {
      postion:relative;
      width: 39%;
}
.flip-clock-wrapper {
  margin-left: 8% !important;
  max-width: 100%;
    font: normal .75em "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
}
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul { …

我需要Flipclock.js的帮助我不知道Jquery,这个插件让我疯了.我只需要将日期更改为2014年11月23日下午6点,但我似乎无法弄明白.

这是我的代码

var clock;
$(document).ready(function() {
    // Grab the current date
    var currentDate = new Date();

    // Set some date in the future. In this case, it's always Jan 1
    var futureDate  = new Date(currentDate.getFullYear() + 1, 0, 1);

    // Calculate the difference in seconds between the future and current date
    var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

    // Instantiate a coutdown FlipClock
    clock = $('.clock').FlipClock(diff, {
        clockFace: 'DailyCounter',
        countdown: true
    });
});