指定された数から数えてカウントアップ

Question

divの値から数分カウントアップするタイマーを達成したいと思います。より良いものがなければ、私はこれがこのように行われることを望んでいる理由で、カウンターが多いdivsがあることを認識してください。

<div class="countup"> 
    <div id="targetdate" style="display: none">50</div> 
    <div id="timer"></div> 
</div> 
<div class="countup"> 
    <div id="targetdate" style="display: none">60</div> 
    <div id="timer"></div> 
</div> 

ここで、50と60は分を計算し始めたい数値です。 今、私はちょうど数分hrs分を下にスクリプトを持っていると私は私が望むようにこれを得るために変更しようとしていた。運がない...

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script> 
<script type="text/javascript"><![CDATA[ 
$(window).load(function(){ 
$('.countup').each(function() { 
    var targetdate = $(this).children("#targetdate").html(); 
    var seconds_left = new Date(targetdate).getTime(); 
    var timer = $(this).children('#timer'); 
    var minutes, seconds; 

    seconds_left = seconds_left/1000; 

    var countdownrefesh = setInterval(function() { 
     // Add one to seconds 
     seconds_left = seconds_left + 1; 

     minutes = parseInt(seconds_left/60); 
     seconds = parseInt(seconds_left % 60); 

     // format countdown string + set tag value 
     t = minutes; 
     timer.html(t) 

    }, 1000); 
}); 
});//]]> 

</script> 

何か提案がありますか？アイデア？

Answer 1

同じ質問のある人は、1分ごとにダイビングを増やしたい場合は、下のコードを参照してください。

<div class="count_minutes">0</div> 
<div class="count_minutes">10</div> 
<div class="count_minutes">11</div> 

そしてJS

function randomIntFromInterval(min, max) { 
    return Math.floor(Math.random() * (max - min + 1) + min); 
} 


$(document).ready(function() { 
    setInterval(function() {   
     $('.count_minutes').html(function(_, val){ 
      return +(val.replace(/,/g, '')) + randomIntFromInterval(1, 1, 1); 
     }); 
    }, 60000); 
}); 

http://jsfiddle.net/pgawronski/6eom5d94/