Question

我正在为在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" %>

如果在点击开始按钮后我不进行任何交互，我将重定向到我的destination_url。但是实际计时器必须在他开始游戏后无论用户交互如何工作。

Answer 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/

在rails中超时后页面重定向

1 个答案: