「今日、10人のユーザーが70時間貢献した」とこの行を書かなければなりません。
数値10と70は、あるしきい値に達するまで1秒ごとに1ずつ増加し続け、その後、再び古い値にリセットされ、shudが増加を開始する必要があります。
誰かがjqueryでこれを達成する方法を教えてもらえますか?
「今日、10人のユーザーが70時間貢献した」とこの行を書かなければなりません。
数値10と70は、あるしきい値に達するまで1秒ごとに1ずつ増加し続け、その後、再び古い値にリセットされ、shudが増加を開始する必要があります。
誰かがjqueryでこれを達成する方法を教えてもらえますか?
出発点として-デモ
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);