Switch div Hintergrund alle x Klicks auf den gleichen div

Question

Ich muss Klicks auf ein div zählen, um den Hintergrund alle 10 Klicks zu wechseln. Klicken Sie, klicken Sie auf, klicken Sie auf ... Laden Sie Hintergrund # 1 ... klicken Sie auf, klicken Sie auf, klicken Sie auf ... Laden Sie Hintergrund # 2, und so weiter. Ich frage mich, ob es eine einfache Möglichkeit gibt, dies mit jQuery zu tun.

Was ich jetzt habe, ist eine grundlegende Show auf Click Event.

$('#div1').click(function() { 
    $('#div1-bg').show(); 
}); 

Sie wissen nicht, wie der Zähler hinzuzufügen.

Answer 1

Ich glaube, das ist der einfachste Weg, dies zu tun ...

var backgrounds = ['https://i.imgur.com/0v2hGkA.gif', 'https://i.imgur.com/wPVNqt4.gif']; 
var clickCount = 10; 
var clicks = 0; 
var backgroundPosition = 0; 

$('#div1').on('click', function(){ 
    clicks++; 
    if (clicks % clickCount === 0){ 
     backgroundPosition = ++backgroundPosition >= backgrounds.length ? 0 : backgroundPosition; 
     $(this).css('background-image', 'url(' + backgrounds[backgroundPosition] + ')'); 
    } 
}); 

Ich hoffe, das hilft.