為什么我看不到倒數計時器

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