簡體   English   中英

你如何每秒加1?

[英]How do you add 1 every second?

我已經嘗試了一切,我不能這樣做! 這是我的代碼請幫助:

<!DOCTYPE html>
    <html>
         <head>
              <link rel="shortcut icon" href="favicon.ico"/>
              <title>Doughtnut Box !</title>
              <!--Design-->
              <style>

              </style>
              <!--jQuery and Javascript-->
              <script>
                 var doughnut = 0;
                   window.setInterval(
                        doughnut + 1
                   ,1000);
                   document.getElementById("doughnuts").innerHTML="You have " + doughnut >+ " doughnuts!";
              </script>
         </head>
         <body>
              <h3 id="doughnuts"></h3>
         </body></html>

感謝您的代碼,它真的很棒! 現在我如何保存它以便在刷新時不會重新開始?

把它們放在一個函數中。 另外, 將表達式更改為賦值

<script>
     var doughnut = 0;
     window.setInterval(
     function () {
         doughnut = doughnut + 1;
         document.getElementById("doughnuts").innerHTML = "You have " + doughnut + " doughnuts!";

     }, 1000);
</script>

下面的Runnable演示:

 var doughnut = 0; window.setInterval(function () { doughnut = doughnut + 1; document.getElementById("doughnuts").innerHTML = "You have " + doughnut + " doughnuts!"; }, 1000); 
 <div id="doughnuts"></div> 

setInterval接受函數或帶引號的代碼。 試試看:

<script>
var doughnut = 0;
window.setInterval(function(){
    doughnut++;
    document.getElementById("doughnuts").innerHTML = "You have " + doughnut + " doughnuts!";
}, 1000);
</script>

嘗試這個:

var doughnut = 0;
window.setInterval( 
function()
{
    document.getElementById("doughnuts").innerHTML="You have " + ++doughnut + " doughnuts!";
 }
                   ,1000);

嘗試這個:

演示在這里。

var doughnut = 0;
//show 0 for the first time
show_value();
//start counter
setInterval(function(){
    doughnut += 1;
    show_value();        
}, 1000);
function show_value(){
    document.getElementById("doughnuts").innerHTML = "You have " + doughnut + " doughnuts!";
}

另一種計算時間來完成功能的方法。

這種情況不相關,但在某些情況下可能有用。

var doughnut = 0;

function show_value()
{
    document.getElementById("doughnuts").innerHTML = "You have " + doughnut++ + " doughnuts!";
    setTimeout(show_value, 1000);
}

show_value();

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM