Belirtilen bir sayıdan dakikaları sayma

Question

Zamanlayıcıyı, div değerinden dakikalar sayacak şekilde elde etmek istiyorum. Sayaçlarla daha fazla div olacağının farkında olun, bu yüzden daha iyisi yoksa, bu şekilde yapılmasını istiyorum.

<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> 

Burada 50 ve 60, sayım dakikalarını saymaya başlamak istediğiniz sayıdır. Simdi, altinda bir dakika dakika oldugunu ve bunun çalismasini istedigim sekilde degistirmeye çalistigim altinda komut dosyası var. Şansınız yok ...

<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> 

Herhangi bir öneriniz var mı? Fikirler?

Answer 1

Aynı soruya sahip olanlar için dalıştan herhangi bir sayının her dakika arttırılması isteniyorsa lütfen aşağıya bakınız.

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

Ve

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); 
}); 

JS

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