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

[Hovik]

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


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

[Malleys]

var timeout = setTimeout(registration, 10000);

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

clearTimeout(timeout);

[Hovik]

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

[j0hnik]

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

[Hovik]

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>

[j0hnik]

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

[Hovik]

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