1分ごとに現在の値に2を加算するにはどうすればよいですか？

Question

私のHTMLとCSSコードはこちらです。毎日別のスパンタグです。 1分後に152,242、2分後に152,244などのように必要です。私はjqueryでそれをしようとしていたが、私は完璧な出力を得ていない。事前に

#hp_header .number{ 
 
    display: inline-block; 
 
    width: 100%; 
 
    text-align: center; 
 
    margin-top: 40px; 
 
} 
 
#hp_header .number .number_inner{ 
 
    display: inline-block; 
 
    text-align: center; 
 
    color: #282828; 
 
    font-family: SourceSansPro-Regular !important; 
 
    font-size: 32px; 
 
} 
 
#hp_header .number .count{ 
 
    font-family: SourceSansPro-Regular !important; 
 
    font-size: 32px; 
 
    color: #f0f1b4; 
 
    padding: 5px 10px; 
 
    background-color: #282828; 
 
    margin: 0px 5px; 
 
} 
 
#hp_header .number .members_count { 
 
    width: 100%; 
 
    float: left; 
 
    margin-top: 10px; 
 
    color: #282828; 
 
    font-family: SourceSansPro-Regular !important; 
 
    text-transform: uppercase; 
 
    letter-spacing: 5px; 
 
}

<div id="hp_header"> 
 
    <span class="number"> 
 
    <span class="number_inner"> 
 
     <span class="count">1</span> 
 
     <span class="count">5</span> 
 
     <span class="count">2</span> 
 
     , 
 
     <span class="count">2</span> 
 
     <span class="count">4</span> 
 
     <span class="count">2</span> 
 
    </span> 
 
    </span> 
 
</div>

感謝。

Answer 1

希望のコードがお手伝いします。テストのために私は2秒間隔（2000）を入れます。あなたは、毎分のためにそれ（60000）

setInterval(oneSecondFunction, 2000); 
 
function oneSecondFunction() { 
 
    total = document.getElementsByClassName('count').length; \t 
 
    values = document.getElementsByClassName('count'); 
 
    current_value=''; 
 
    
 
    for(i=0;i<total;i++) 
 
    { 
 
\t  
 
\t current_value+=values[i].innerHTML; 
 
\t  
 
    } 
 
    new_value = parseInt(current_value)+2; 
 
    
 
    new_value_string=new_value.toString(); 
 

 
    for(j=0;j<new_value_string.length;j++) 
 
    { 
 
\t values[j].innerHTML = new_value_string[j]; 
 
    } 
 
    
 
}

#hp_header .number{ 
 
    display: inline-block; 
 
    width: 100%; 
 
    text-align: center; 
 
    margin-top: 40px; 
 
} 
 
#hp_header .number .number_inner{ 
 
    display: inline-block; 
 
    text-align: center; 
 
    color: #282828; 
 
    font-family: SourceSansPro-Regular !important; 
 
    font-size: 32px; 
 
} 
 
#hp_header .number .count{ 
 
    font-family: SourceSansPro-Regular !important; 
 
    font-size: 32px; 
 
    color: #f0f1b4; 
 
    padding: 5px 10px; 
 
    background-color: #282828; 
 
    margin: 0px 5px; 
 
} 
 
#hp_header .number .members_count { 
 
    width: 100%; 
 
    float: left; 
 
    margin-top: 10px; 
 
    color: #282828; 
 
    font-family: SourceSansPro-Regular !important; 
 
    text-transform: uppercase; 
 
    letter-spacing: 5px; 
 
}

<div id="hp_header"> 
 
    <span class="number"> 
 
    <span class="number_inner"> 
 
     <span class="count">1</span> 
 
     <span class="count">5</span> 
 
     <span class="count">2</span> 
 
     , 
 
     <span class="count">2</span> 
 
     <span class="count">4</span> 
 
     <span class="count">2</span> 
 
    </span> 
 
    </span> 
 
</div>