Question

我有一个倒数计时器来隐藏div然后显示另一个div。我已经做好了几秒钟，但我希望将秒数转换为分钟和小时。

我该怎么做？

感谢任何人回答我的问题...

这是我的代码：

＆＃13;

var countDown = 9000;
var i = setInterval(function () {
  
  var b1 = document.getElementById('box1');
  var b2 = document.getElementById('box2');
  
  
  if(countDown === 1) {
    if(b1['style'].display == 'none') {
      b1['style'].display = 'block';
      b2['style'].display = 'none';
    } else {
      b1['style'].display = 'none';
      b2['style'].display = 'block';
    }
    clearInterval(i);
  }
  countDown--;
  b1.innerHTML = countDown;

}, 1000);

＆＃13;

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <div id="box1">9000</div>

    <div style="display:none" id="box2">div2</div>
    
  </body>

</html>

＆＃13;

Answer 1

示例： https://jsfiddle.net/306qtxot/4/

您可以使用此Jquery：

var countDown = 9000;
var i = setInterval(function () {

  var b1 = document.getElementById('box1');
  var b2 = document.getElementById('box2');


  if(countDown === 1) {
    if(b1['style'].display == 'none') {
      b1['style'].display = 'block';
      b2['style'].display = 'none';
    } else {
      b1['style'].display = 'none';
      b2['style'].display = 'block';
    }
    clearInterval(i);
  }
  countDown--;

  //This section convert "seconds" to hour And minute And second 
  var hour=Math.floor(countDown/3600);
  var min=Math.floor(countDown%3600/60);
  var sec=Math.floor(countDown%3600%60);

  //Format : hh:mm:ss
  b1.innerHTML = (hour=hour<10?"0"+hour:hour) + " : " + (min=min<10?"0"+min:min) + " : " + (sec=sec<10?"0"+sec:sec);

}, 1000);

将倒计时秒转换为小时

1 个答案: