Не очень локонично умею выражать мысли, но попробую объяснить.
Вы пользователь, открыли вкладку и там всего 2 видимых элемента: 1) фон 2) время (не участвует в вопросе)
Глянули и ушли. После 10 минут еще раз зашли, фон не сменился. Еще после 20 минут снова открыли вкладку и зашли, фон сменился.
Таймер фона, а именно кол. времени которое оно должно отображаться 15 минут.
Если вкладка закрыта, таймер не сбрасывается ( а продолжает считать).
Понимаю, что можно сделать через localStorage, понимаю принцип работы, но никак не могу сделать.
Люди, тыкните, дайте подзатыльник или просто скажите свое мнение. Как можно это реализовать ?
сonst img = [
"https://s1.1zoom.ru/b5050/874/China_Houses_Rivers_Bridges_Sunrises_and_sunsets_541369_2560x1600.jpg",
"http://intertour.vn/upload/infomation/12.sagano.jpg"
];
function timeBack() {
const B = img.length;
const i = Math.round(Math.random()*(B));
changeTime(i);
function changeTime(i) {
i++;
if (i > B - 1) {
i = 0
}; // alert (i)
document.getElementById('main').style.backgroundImage = 'url('+img[i]+')';
timerId01 = setTimeout(function() {
changeTime(i)
}, 10000);
return;
}
}
timeBack();
<body>
<div id="main">
<div class="main__time">22</div>
</div>
</body>
