切換div背景每x次點擊同一div

Question

我需要計算點擊一個div切換其背景每10次點擊。 喜歡點擊，點擊，點擊...加載背景＃1 ...點擊，點擊，點擊...加載背景＃2，等等。 我想知道是否有一個簡單的方法來做到這一點與jQuery。

我現在擁有的是點擊事件的基本展示。

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

不知道如何添加計數器。

Answer 1

我相信這是最簡單的方法...

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] + ')'); 
    } 
}); 

我希望這有助於。