Javascriptの問題ストップウォッチを作成していますか？

現在、私はjavascript（正確にはjquery）でhtmlでストップウォッチを作っています。Javascriptの問題ストップウォッチを作成していますか？

<body> 
    <div class="background"> 
     <div class="stopwatch-background"> 
      <div class="boxes"> 
       <div class="border" id="minuteText"></div> 
       <div class="big-semicolon">:</div> 
       <div class="border" id="secondText"></div> 
      </div> 
      <div class="button-holder"> 
       <button class="btn btn-primary" id="start">Start</button> 
       <button class="btn btn-primary" id="pause">Pause</button> 
       <button class="btn btn-primary" id="reset">Reset</button> 
      </div> 
     </div> 

    </div> 

    <script type="text/javascript" > 
     var start = false; 
     var minuteHand = 30; 
     var secondHand = 60; 
     function setDefault(){ 
      minuteHand = 30; 
      secondHand = 60; 
     } 
     function DecreaseValue() { 
      if (start) { 
       UpdateText(); 
       if (minuteHand >= 1) { 
        if (secondHand >= 1) { 
         secondHand--; 
        } else if (secondHand == 0) { 
         minuteHand--; 
         secondHand = 60; 
        } 
       } 
      } 
     } 

     function UpdateText() { 
      $("#minuteText").html = minuteHand; 
      $("#secondText").html = secondText; 
     } 
     $("#start").click(function() { 
      start = true; 
     }); 
     $("#pause").click(function() { 
      start = false; 
     }); 
     $("#reset").click(function() { 
      setDefault(); 
      start = false; 
     }); 
     setInterval(DecreaseValue, 1000); 
    </script> 

</body>

問題は$（ "＃start"）です.htmlはコンテンツを変更していません。また、他のコードが動作するかどうかもわかりません。私を助けてください。私はどんなCSSも投稿していません。

出典

2017-11-20 Sadikshya Luintel

は、あなたの '' DecreaseValue関数が呼び出されていますか？ –

setIntervalはそれを正しく呼び出します –

htmlはメソッドです.... '$（"＃minuteText "）.html（minuteHand）;'そしてsecondHではありませんsecondText – epascarello

HTMLコンテンツを設定するためのjQueryの構文は以下のように、

function UpdateText() { 
      $("#minuteText").html(minuteHand); 
      $("#secondText").html(secondHand); 
     }

.htmlのメソッドであると値が引数として渡さなければなりません。 documentationをご覧ください。また、secondTextではなく、htmlコンテンツとしてsecondHandを設定する必要があります。

出典

2017-11-20 17:12:50 acnn

はこれを試してみてください。

 $("#minuteText").html(minuteHand+""); 
     $("#secondText").html(secondHand+"");

出典

2017-11-20 18:43:06

Javascriptの問題ストップウォッチを作成していますか？

答えて

関連する問題