<div id="a"></div>
<div id="z"></div>
body {height: 3000px;}
#a {position:fixed; left:0; top:0;}
#z {position:fixed; right:0; top:0;}
// Запускаем функцию при скроле
window.addEventListener('scroll', func);
let el = document.getElementById('a');
function func(){
// Сколько проскролили
let scrollPos = window.pageYOffset;
document.getElementById('z').innerHTML = scrollPos;
if(scrollPos > 600) {
if(!el.classList.contains('timer')) {
el.classList.add('timer');
let b = 60;
let timeId = setInterval(() => {
b--;
el.innerHTML=b;
if(b == 0){
el.classList.remove('timer');
clearInterval(timeId);
alert('Отлично!');
}
}, 1000);
}
} else {
clearInterval(timeId);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.