2017-06-28 1 views
-2

Zwei Ziffern fehlen am Ende, warum? Javascript output is in white and the desired numbers are in black above.JS Funktion Zähler gibt nicht die richtigen Zahlen

enter image description here

Js-Code:

$('.count').each(function() { 
    $(this).prop('Counter', 0).animate({ 
     Counter: $(this).text() 
    }, { 
     duration: 1000, 
     easing: 'swing', 
     step: function (now) { 
      $(this).text(now); 
     } 
    }); 
}); 
+1

Sie müssen hier um das Bild zu laden, schreiben Sie keine externen Links . Zumindest ist es unbequem. Was mich betrifft, habe ich Dropbox von Proxy-Server blockiert und kann Ihnen nicht helfen. –

+0

Zwei Ziffern fehlen am Ende von was? –

+0

Gut eine Ziffer für 3,740 und zwei Ziffern für 4,400 – Lukas

Antwort

1

Sie müssen nachfolgende Nullen beibehalten wählen, wie viel Ziffer wird (mit toFixed (n)) gezeigt werden. Drei Dezimalstellen in Beispiel unten:

$(document).ready(function(){ 
$('.count').each(function() { 

    if($(this).text() % 1 != 0){ 

    $(this).prop('Counter', 0).animate({ 
     Counter: $(this).text() 
     }, { 
      duration: 1000, 
      easing: 'swing', 
      step: function (now) { 
       $(this).text(now.toFixed(3)); 
      } 
     }); 

    }else{ 

    $(this).prop('Counter', 0).animate({ 
     Counter: $(this).text() 
     }, { 
      duration: 1000, 
      easing: 'swing', 
      step: function (now) { 
       $(this).text(now.toFixed(0)); 
      } 
     }); 

    } 

}); 
}); 

https://jsfiddle.net/o2gxgz9r/9319/

+0

Dann sind die anderen Zahlen falsch: https://www.dropbox.com/s/tk8u41hc0qo4czt/Screenshot%202017-06-28%2013.18.46.png?dl=0 – Lukas

+1

Ich aktualisiere meine Antwort. Ich überprüfe, ob der Wert ist dezimal oder nicht und ich verwende einen anderen Zähler für jeden Fall – Andrea

+0

Danke jetzt funktioniert es! – Lukas

-1

es gelöst mit

$(this).text(valueOf(now)); 

statt:

$(this).text(now); 
Verwandte Themen