Всем привет! 
Есть блок с календарем, где внутри тега
<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>