<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);
  }
}
  
  

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.