Как сменить background-image по таймеру?

var bg = ["img/background.jpg", "img/background_2.jpg"];
var index = 0;

var timer = setInterval(() => {
    var s = document.getElementById('main').style;
    s.backgroundImage = 'url('+bg[index++ % bg.length]+')';
}, 2000);

Пояснение:
Раз в 200 миллисекунд вызывается эта функция:

() => {
    var s = document.getElementById('main').style;
    s.backgroundImage = 'url('+bg[index++ % bg.length]+')';
}

Мы увеличиваем счетчик:
index++

Берем остаток от деления на длину массива (в данном случае 2):
index++ % bg.length

Получаем индекс фона, который при увеличении счетчика будет таким:

index, index % 2
0        0
1        1
2        0
3        1
И так далее

Когда вы добавите в массив элементы, то таким:

index, index % 2
0        0
1        1
2        2
3        0
4        1
5        2
И так далее