Dezimalzahlen für Counter Script

Hallo zusammen, ich kenne mich leider nicht gut mit Javascript aus. Ich habe ein Couter Script gefunden, welches gut funktioniert. Erst beim Scrollen wird der Counter aktiv, wenn er sich z.B. unten auf einer Seite befindet. Da ich nun sehr große Zahlen habe, wie z.B. 278397, würde ich gern Dezimalzahlen nutzen. Leider funktioniert es nicht, einfach nur den Punkt zu setzen. Könnt Ihr mir hier bitte helfen, das Script so anzupassen, dass im Counter Dezimalzahlen angezeigt werden? Ich danke Euch schon mal sehr im Voraus.

Der hier verwendete Code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> body{ height:8999px; display:block; } #counter{ position:fixed; width:100%; top:0; left:0; height:50px; background:lightgreen; } </style> <div class="fake-div"> </div> <div id="counter"> <div class="counter-value" data-count="300">0 sdfsdf</div> <div class="counter-value" data-count="400">100 sdfsdf</div> <div class="counter-value" data-count="1500">200 sdfsdf</div> </div> <div class="fake-div"> </div> <script> var a = 0; $(window).scroll(function() { var oTop = $('#counter').offset().top - window.innerHeight; console.log(oTop) if (a == 0 && $(window).scrollTop() > oTop) { $('.counter-value').each(function() { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 40000, easing: 'swing', step: function() { $this.text((Math.floor(this.countNum*100)).toFixed(2)/100); }, complete: function() { $this.text(this.countNum); } }); }); a = 1; } }); </script>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!