在jQuery中创建自动增量

时间:2012-09-21 14:58:37

标签: jquery

我必须写这句话 “10位用户今天贡献了70个小时”

其中数字10和70应该每秒递增1,直到达到某个阈值,然后它应该再次重置回旧值并开始递增

有人可以帮我解决如何在jquery中实现这个目标吗?

1 个答案:

答案 0 :(得分:1)

作为起点 - DEMO

var userStart = 10,
    hourStart = 70,
    userLimit = 15,
    hourLimit = 80;

setInterval(function() {
    var users = document.getElementById("users");
    var hours = document.getElementById("hours");

    if ( ( parseInt( users.innerHTML ) + 1 ) <= userLimit ) {
        users.innerHTML = parseInt( users.innerHTML ) + 1;
    }

    if ( ( parseInt( hours.innerHTML ) + 1 ) <= hourLimit ) {
        hours.innerHTML = parseInt( hours.innerHTML ) + 1;
    }

    if ( hours.innerHTML == hourLimit && users.innerHTML == userLimit ) {
        users.innerHTML = userStart;
        hours.innerHTML = hourStart;     
    }
}, 1000);