таймер для функция
 

Привет всем, люди добрые нужна помощь. Есть одна функция оно работает при нажатье на определенную кнопку просто хотелось немножко улучить. Нужно чтобы если посетитель находится в сайте 10 секунд и не нажал на кнопку то функция сработало автоматические но а если оно было нажата то таймер не срабатывает,заранее благодарю за помощь.


function registration(){
var element = document.getElementById('reg');
element.classList.toggle('reg-on');
}

var timeout = setTimeout(registration, 10000);

Там где нажимается кнопка

clearTimeout(timeout);

таймер работает, но условия что функция уже сработавало до этого, не считается.

clearTimeout(timeout); куда добавили? скопируйте сюда всю функцию

var timeout = setTimeout(registration, 10000);
function registration(){
var element = document.getElementById('reg');
element.classList.toggle('reg-on');
}


<h3 onclick="registration()" clearTimeout(timeout);>click me</h3>

Спасибо все классно работает.