Question

我想实现计时器，它会从div中的值计算分钟数。请注意，会有更多div与计数器，这就是为什么我希望这样做，除非有更好的。

    <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是我想要开始计算分钟数的数字。现在我确实有下面的脚本，只需每小时计算一小时，我试图改变以使我的工作正常。没有运气......

    <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

对于那些有相同问题的人，如果你想让潜水中的任何号码每分钟增加一个，请参阅下面的代码。

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

从指定的数字计算分钟数

1 个答案: