Javascript 如何使用flipclock.js在ruby on rails中进行倒计时？

我正试图为2016年7月15日结束的报价倒计时

我可以将flipclock添加到我的应用程序中，但我不知道如何将剩余时间发送到javascript

有人能帮忙吗

这是代码。谢谢

编辑

对不起，我忘了提到时区。
一个报价为2016年7月15日格林尼治标准时间
另一个报价是2016年7月25日EST

这是我的应用程序在heroku上的时区

suai@railrial:~/workspace/conrse (master) $ rails c
Loading development environment (Rails 5.0.0.rc2)
>> Time.zone.name
=> "UTC"
>> 

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

获取javascript中日期前的秒数

var targetDate = new Date(2016, 06, 15, 0, 0, 0, 0);//new Date(YYYY, MM, DD, 0, 0, 0, 0);//MM is the month starting from 0;
var now = new Date();
 var dif = (targetDate.getTime() - now.getTime())/1000;

var targetDate=新日期（2016、06、15、0、0、0、0）；
var now=新日期（）；
var dif=（targetDate.getTime（）-now.getTime（））/1000；
变量时钟=$（'.clock'）。翻转时钟（dif{
钟面：“DailyCounter”，
倒计时：没错，
});

获取javascript中日期前的秒数

var targetDate = new Date(2016, 06, 15, 0, 0, 0, 0);//new Date(YYYY, MM, DD, 0, 0, 0, 0);//MM is the month starting from 0;
var now = new Date();
 var dif = (targetDate.getTime() - now.getTime())/1000;

var targetDate=新日期（2016、06、15、0、0、0、0）；
var now=新日期（）；
var dif=（targetDate.getTime（）-now.getTime（））/1000；
变量时钟=$（'.clock'）。翻转时钟（dif{
钟面：“DailyCounter”，
倒计时：没错，
});

我添加了一些代码，为您添加了选项：

var日期=新日期（“2016年7月15日”）//创建日期对象
var now=新日期（）//今天约会
var diff=（date.getTime（）/1000）-（now.getTime（）/1000）//计算差异
变量时钟=$（'.clock'）。翻转时钟（不同{
钟面：“DailyCounter”，
倒计时：没错，
});

我添加了一些代码，为您添加了选项：

var日期=新日期（“2016年7月15日”）//创建日期对象
var now=新日期（）//今天约会
var diff=（date.getTime（）/1000）-（now.getTime（）/1000）//计算差异
变量时钟=$（'.clock'）。翻转时钟（不同{
钟面：“DailyCounter”，
倒计时：没错，
});

所以我假设您的数据库中有提供结束日期作为

DateTime

假设值位于

@item

对象的

offer\u end

属性中

<script type="text/javascript">
  // We need to convert the time difference to integer
  time_diff = <%= (@item.offer_ends - Time.now).to_i.abs %>;
  //Rails will put the seconds difference right there, so if you inspect your code will look like this in browser
  //time_diff = 1035937;

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

//我们需要把时差转换成整数
时间差=；
//Rails将把秒差放在这里，所以如果您检查您的代码，在浏览器中会显示如下所示
//时间差=1035937；
变量时钟=$（'.clock'）。FlipClock（时差{
钟面：“DailyCounter”，
倒计时：没错，
});

---

希望这对您有所帮助，所以我假设您的数据库中有提供结束日期作为

日期时间

假设值位于
@item
对象的
offer\u end
属性中

<script type="text/javascript">
  // We need to convert the time difference to integer
  time_diff = <%= (@item.offer_ends - Time.now).to_i.abs %>;
  //Rails will put the seconds difference right there, so if you inspect your code will look like this in browser
  //time_diff = 1035937;

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


//我们需要把时差转换成整数
时间差=；
//Rails将把秒差放在这里，所以如果您检查您的代码，在浏览器中会显示如下所示
//时间差=1035937；
变量时钟=$（'.clock'）。FlipClock（时差{
钟面：“DailyCounter”，
倒计时：没错，
});

希望这有帮助
谢谢你的精彩回答。你知道我怎么用时区吗？我试过了，但倒计时时间不对；你有什么不同？你认为你应该得到什么？我得到的是UTC-EST而不是EST-EST。你能试试这个吗<代码>（Time.utc（2016,7,2,17,00,0）。在时区（“东部时间（美国和加拿大）”）-时间。现在。在时区（“东部时间（美国和加拿大）”）。到i.abs
我看到发生了什么。时间。utc（2016,7,2,17,00,0）必须与EST时区偏移，以获得正确的差异。你知道如何创建最短时区的时间吗？我试着在当前时间的基础上增加一个小时来测试它，但我得到了3个小时的差异，因为时间。utc（2016，7，2，17，00，0）创建了utc时间。感谢您的精彩回答。你知道我怎么用时区吗？我试过了，但倒计时时间不对；你有什么不同？你认为你应该得到什么？我得到的是UTC-EST而不是EST-EST。你能试试这个吗<代码>（Time.utc（2016,7,2,17,00,0）。在时区（“东部时间（美国和加拿大）”）-时间。现在。在时区（“东部时间（美国和加拿大）”）。到i.abs

我看到发生了什么。时间。utc（2016,7,2,17,00,0）必须与EST时区偏移，以获得正确的差异。你知道如何创建最短时区的时间吗？我试图在当前时间的基础上增加一个小时来测试它，但我得到了3个小时的时间差，因为time.utc（2016,7,2,17,00,0）创建了utc时间。