Counter-Up: Plugin zum animierten Zählen einer Zahl

Entweder zum einbinden in einem Code-Block oder zum verwenden in dem Plugin My Custom Functionality.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>

Die Texte müssen im folgenden Format eingebettet werden: gelb markierte Teile sind individuelle Klassen, die später in jQuery angesprochen werden und auf denen die Parameter für den Counter eingestellt werden!

<div>
  <span class="counter">1200<span>
</div>

<-- Es wird also die gewünschte Endzahl mit der individuellen Klasse in ein Span-Element eingegeben -->

Folgender Javascript-Code kann einfach in den Code-Block eingefügt werden, sollte kein Code-Block existieren kann er auch zb. in das Section-Elements des "Counters" eingefügt werden:

        
jQuery(document).ready(function($) {
            $('.counter').counterUp({
                //Verzögerung in MS
                delay: 10,
                // Volle Dauer der Animation 
                time: 1000
            });
        });