在rails中超时后页面重定向答案

【问题标题】：Page redirect after time out in rails在rails中超时后页面重定向
【发布时间】：2014-01-01 05:53:45
【问题描述】：

我正在为使用 Rails 开发的游戏实现计时器。当用户点击开始游戏计时器将运行，用户将在 X 分钟后重定向到另一个页面。

问题是当用户没有进行任何交互时，用户在倒计时完成后被重定向到另一个页面。但是当用户进行点击其他链接等交互时，倒计时计时器不起作用。

关于如何完成任务的任何提示或想法。

另外，我想在前面为用户显示一个计时器。任何人都可以提供有关完成任务的最佳方法的提示。

我在开始游戏页面中使用以下代码

<script>
$(document).ready(function() {
  $('#start_game').click(function(event){
    setTimeout(function()
    {
      window.location.href= destination_url;
    },600);
  });
});
</script>

开始按钮的代码是

<%= link_to "Start Game!", game_root_path, class: "btn btn-large btn-primary", :id=> "start_game" %>

如果我在单击开始按钮后不进行任何交互，我将重定向到我的目的地 URL。但是，一旦他开始游戏，实时计时器必须不管用户交互如何工作。

【问题讨论】：

发布您检测到用户交互的代码以及有关重定向用户的部分。
查看链接...gist.github.com/faffyman/2229725 ...自定义和使用....

标签： javascript ruby-on-rails ajax timer countdowntimer

【解决方案1】：

一个不错的选择是使用 JQuery 倒计时

$('#counter').countdown({
    stepTime: 60,
    format: 'hh:mm:ss',
    startTime: "12:32:55",
    digitImages: 6,
    digitWidth: 53,
    digitHeight: 77,
    timerEnd: function() { /* Redirect here */ },
    image: "digits.png"
 });

Demo

http://code.google.com/p/jquery-countdown/

【讨论】：