2016-05-09 13 views
1

Ich verwende derzeit FlipCounter, um von 0 bis 3000 zu zählen, aber anstatt jede Ziffer zu zählen (like the example), springt sie 1.000 auf einmal.jQuery FlipCounter zählt jede Ziffer

Jede Beratung/Hilfe wäre sehr willkommen!

JS

function total(){ 
    var length = defaultArray.length+'000'; 
    $("#flipcounter").flipCounterInit(); 
    function updateLoop(){ 
     $("#flipcounter").flipCounterUpdate(length); 
     window.setTimeout(function() { 
     updateLoop(); 
     }, 5000); 
    } 
    updateLoop(); 
    } 
    total(); 

HTML

<div id="totalsubmissions"> 
    <div class="inner"> 
    <div id="flipcounter" style="text-align: center;"></div> 
    <p>Total word submissions</p> 
    </div> 
</div> 

Screenshot

Projekt-URL: https://cdn.rawgit.com/adamkwadsworth/oup-interactive-content/master/index.html

Antwort

0

Ich glaube, Sie könnte etwas so machen wollen. Dann, wenn die Zahl 3000 erreicht, tun Sie nicht setTimeout

$("#flipcounter").flipCounterInit(); 

var number = 0; 
function updateLoop() { 
    number++; 
    $("#flipcounter").flipCounterUpdate(number); 
    if (number <= 3000) { 
     window.setTimeout(updateLoop, 5000); 
    } 
} 
updateLoop(); 
+0

Danke Waldo, ich schätze Ihre Hilfe wirklich! –