为什么我看不到倒数计时器

Question

我尝试使用setInterval()制作倒数计时器。 我使用其他人制作的代码来学习如何，但它失败了。 在搜索找到问题后，我无法找到它。

我的代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Count</title>

    <script="text/javascript">
      var Stime = 10;   //Set time(minute)
      var Ssecond = Stime * 60;
      var countdownID=0;

      function inidown(){
        countdownID = setInterval("Count()",1000);
      }

      function Count(){
        if(Ssecond>0){
          var rM=Ssecond/60;
          var rS=Ssecond%60;
          document.getElementById("count").innerHTML=rM+":"+rS;
          Ssecond--;
        }
        else{
          clearInterval(countdownID);
          document.getElementById("out").innerHTML="time out";
        }
      }
    </script>

  </head>
  <body onload="inidown()">
    <div id="count"></div>
    <div id="out"></div>
  </body>
</html>

我在http://blog.niklasottosson.com/?p=665上看到了该代码

var Stime = 10; //?? ??(?)
var Ssecond = Stime * 60;
var countdownID = 0;

function inidown() {
  countdownID = setInterval("Count()", 1000);
}

function Count() {
  if (Ssecond > 0) {
    var rM = Ssecond / 60;
    var rS = Ssecond % 60;
    document.getElementById("count").innerHTML = rM + ":" + rS;
    Ssecond--;
  } else {
    clearInterval(countdownID);
    DivCount.innerHTML = "Time Out";
    document.getElementById("out").innerHTML = "time out";
  }
}

该代码中没有错误。

Answer 1

您的脚本标记出现问题。
使用Math.floor作为你的会议记录。
填充单个数字的秒数。

 <html> <head> <title>Count</title> <script type="text/javascript"> var Stime = 10; //Set time(minute) var Ssecond = Stime * 60; var countdownID = 0; function inidown() { countdownID = setInterval("Count()", 1000); } function Count() { if (Ssecond > 0) { var rM = Math.floor(Ssecond / 60); var rS = ("0" + (Ssecond % 60)).slice(-2); document.getElementById("count").innerHTML = rM + ":" + rS; Ssecond--; } else { clearInterval(countdownID); document.getElementById("count").innerHTML = ""; document.getElementById("out").innerHTML = "Time Out"; } } </script> </head> <body onload="inidown()"> <div id="count"></div> <div id="out"></div> </body> </html>

Answer 2

<script="text/javascript">应该具有type属性<script type="text/javascript">

setInterval("Count()",1000); 有效，但也可以重写为setInterval(Count,1000);

通过这些更改，它正在运行。

为什么我看不到倒数计时器

问题描述

2 个解决方案

解决方案1
3 已采纳 2015-04-19 01:34:05

解决方案2
0 2015-04-19 01:33:46

为什么我看不到倒数计时器

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-04-19 01:34:05

解决方案2 0 2015-04-19 01:33:46

解决方案1
3 已采纳 2015-04-19 01:34:05

解决方案2
0 2015-04-19 01:33:46