每隔x点击同一个div就切换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] + ')');
    }   
});

我希望这会有所帮助。