在rails中创建日期时间倒计时计时器

rails generate model Timer start_time:datetime end_time:datetime

rails db:migrate

// 在视图文件中的<script>标签内
document.addEventListener("DOMContentLoaded", function() {
  var startTime = new Date("<%= @timer.start_time %>"); // 从服务器获取开始时间
  var endTime = new Date("<%= @timer.end_time %>"); // 从服务器获取结束时间

  function updateCountdown() {
    var currentTime = new Date(); // 获取当前时间
    var remainingTime = endTime - currentTime; // 计算剩余时间的毫秒数

    // 将剩余时间转换为天、小时、分钟和秒
    var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
    var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);

    // 更新倒计时的显示
    document.getElementById("countdown").innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
  }

  // 每秒钟更新一次倒计时
  setInterval(updateCountdown, 1000);
});

<div id="countdown"></div>