javascript - Rails 3 中的倒计时时钟

Question

我正在开发一个测试引擎 Web 应用程序。用户将有一定的时间来回答问题。我想在测试完成后创建一个倒计时时钟。我现在正在使用 javascript，但面临浏览器中刷新和后退按钮的问题。以下是 JavaScript:

<script>
function countDown (count) {

  if (count > 0) {
      var hours = Math.floor(count/3600)
      var minutes =  Math.floor(count/60) - (hours*60)
      var seconds = count - (minutes * 60) - (hours*3600)

   var d = document.getElementById("countDiv");

      d.innerHTML = hours + ":" + minutes + ":" + seconds;
  else
   document.location = "test_finished.html";
}
countDown(<%=@totaltime%>);
</script>

如何禁用刷新和后退按钮或其他解决方法？

Answer 1

您无法使用 JavaScript 强制执行此类操作。

一种方法是在数据库中保存测试开始日期时间的记录，一旦用户开始测试，就会设置开始时间，在加载时使用它计算初始计时器值，因此您可以返回和刷新工作正常，倒计时器始终准确。