Всем привет!
Есть блок с календарем, где внутри тега
<div class="dopbsp-month-year">April 2019</div>
выводится месяц и год (подтягивается с объекта Date) начиная с текущего.
Кнопка с классом
.dopbsp-next-btn сдвигает календарь вместе с датами и событиями на месяц вперед (May 2019, June 2019), все стандартно.
Я хочу настроить чекбокс
id="autumn-check" таким образом, чтобы сдвиг был на осенний месяц.
Условие if выполняется, Пробую сделать через
setInterval(), но после первой итерации .dopbsp-next-btn сразу выходит из цикла.
В чем проблема и как исправить?
Код:
$("#autumn-check").click(function() {
if ($(this).is(':checked')) {
var month = $(".dopbsp-month-year").text().split(' ')[0];
var checkAutumn = setInterval(function() {
if (month !== "September" || month !== "October" || month !== "November") {
$(".dopbsp-next-btn").click();
month = $(".dopbsp-month-year").text().split(' ')[0];
console.log(month);
clearInterval(checkAutumn);
}
}, 100);
}
});
<p><input type="checkbox" id="autumn-check" name="autumn"><label for="autumn">Autumn</label></p>
<div class="container">
<div class="dopbsp-month-year">April 2019</div>
<a href="javascript:void(0)" class="dopbsp-next-btn"><span class="dopbsp-info">Next month</span></a>
</div>