Question

功能性：

计时器将从0秒开始计时，值将每1秒递增一次。在计时器停止之前，计时器将继续增加，直到达到59分59秒。

已完成的工作：

我设置了2个不同的<div>，它会在增加时动态显示计时器值。第一个<div>用于分钟值，而第二个<div>用于第二个值。

虽然定时器增量是1秒的setinterval方法

问题：

我试图将计时器的值附加到<div>之一，但是意识到计时器的分钟值将无法附加到第一个<div>，并且该值只会显示在第二个<div>

中

因此，我想请求协助如何拼接系统计时器的值，以便可以附加分钟值，并且当第二个值可以追加时可以显示在第一个<div>中。可以显示在第二个<div>

中

代码：

＆＃13;

var GameTimer = 0;

$("#Game_Elements").fadeIn({
  queue: false,
  complete: function() {

    //Start Game Timer
    var SetGameTimer = setInterval(function() {

      GameTimer++;

      //append timer to timer game elements
      $("#Game_Minute_timer").html(GameTimer);
      $("#Game_Second_timer").html(GameTimer);

      //Check on time, if more than 1hr, automatically navigate to last game page

    }, 1000);
  }
});

＆＃13;

<div id="Game_Elements" style="position:absolute; z-index:7; top:0px; left:0px; width: 1920px; heigth: 1000px; margin:auto;">
  <table id="Game_Timer_Element">
    <tr>
      <td>
        <div id="Game_Minute_timer" style="z-index:50; position:absolute; top:609px; left:900px; font-size:90px; font-family:'GothicBold'; width:1080; color:#fff;">
          <font face="GothicBold"></font>
        </div>
      </td>
      <td>
        <div id="Game_Second_timer" style="z-index:50; position:absolute; top:609px; left:900px; font-size:90px; font-family:'GothicBold'; width:1080; color:#fff;">
          <font face="GothicBold"></font>
        </div>
      </td>
    </tr>
  </table>
</div>

＆＃13;

Answer 1

我认为你最好的选择是将时间放在一个div中并使用Modulus / Math.floor来做你的分钟：第二个计时器。

像这样：

$("#Game_timer").html(Math.floor(GameTimer / 60) + ":" + GameTimer % 60);

如果你想将它们保存在单独的div中，请继续使用相同的布局，然后使用

Math.Floor(GameTimer / 60)

分钟，

Gametimer % 60

秒。

Answer 2

你只有几秒钟，所以你必须将它们分成几分钟和几秒钟。例如：

＆＃13;

rect

＆＃13;

var GameTimer = 0;

$("#Game_Elements").fadeIn({
  queue: false,
  complete: function() {
    //Start Game Timer
    var SetGameTimer = setInterval(function() {

      GameTimer++;
      
      var minutes = ('0' + Math.floor(GameTimer/ 60)).slice(-2);
      var seconds = ('0' + (GameTimer - minutes * 60)).slice(-2);
      if(minutes < 60){
          //append timer to timer game elements
          $("#Game_Minute_timer").html(minutes+" : ");
          $("#Game_Second_timer").html(seconds);
      }

      //Check on time, if more than 1hr, automatically navigate to last game page
    }, 1000);
  }
});

＆＃13;

将计时器添加到<div>中

2 个答案: