Verwenden von jQuery zum Erstellen eines Klickzählers

Hier ist ein cooles jQuery-Snippet, mit dem Sie einen Klickzähler erstellen können. Die Funktionsweise besteht darin, dass jedes Mal, wenn auf ein Element geklickt wird, der Zähler (der bei 0 beginnt) um eins erhöht wird. Der Zähler kann auf das Klicken eines bestimmten Elements oder mehrerer Elemente angewendet werden, und Sie können wählen, ob er irgendwo auf Ihrer Seite oder Site angezeigt werden soll oder nicht, ob Sie den Zähler in der Konsole protokollieren oder den Zähler in einer Funktion verwenden möchten.

Der Code zum Erstellen eines Zählers ist nicht allzu kompliziert und sollte nicht mehr als eine Handvoll Codezeilen umfassen. Während es sich nicht unbedingt um einen Zähler handeln muss, der durch einen Klick ausgelöst wird (er könnte durch eine beliebige Anzahl von Ereignissen ausgelöst werden), handelt es sich in diesem speziellen Beispiel um einen Klickzähler. Sie können den Code gerne so anpassen, dass seine Funktionalität Sie anspricht und er mit Ihrem HTML und Ihren gewünschten Elementen funktioniert.

$(element)
    .data('counter', 0) // begin counter at zero
    .click(function() {
        var counter = $(this).data('counter'); // get
        $(this).data('counter', counter + 1); // set
        // do something else...
    });

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen