Переключатель div фона каждые x кликов на одном div

Мне нужно подсчитывать клики на div для переключения фона каждые 10 кликов. Как щелчок, щелкните, щелкните ... загрузить фон # 1 ... нажмите, щелкните, щелкните ... загрузить фон № 2 и так далее. Мне было интересно, есть ли простой способ сделать это с помощью jQuery.

Теперь у меня есть базовое шоу в событии click.

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

Не знаю, как добавить счетчик.

jquery,click,

-2

Ответов: 1


0 принят

Я считаю, что это самый простой способ сделать это ...

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

Надеюсь, это поможет.

JQuery, нажмите кнопку,
Похожие вопросы