//Первоначальные отступы заголовка
var leftOffset=0;
var topOffset=0;
//устанавливаем функцию движения по траектории
var moveHeading=function(){
$('#heading').offset({left:leftOffset,top:topOffset});
if(leftOffset<200){if(topOffset===0){leftOffset++;}}
if(leftOffset>0){if(topOffset===200){leftOffset--;}}
if(leftOffset===200){if(topOffset<200){topOffset++;}}
if(leftOffset===0){if(topOffset>0){topOffset--;}}
}
var clickCount=0;//Счетчик кликов
x=30;//первоначальный интервал, с которым заголовок бегает по странице
var intervalId=setInterval(moveHeading,x); //Двигаем заголовок по ктраектории с интервалом 33мс
//устанавливаем функцию подсчета очков и ускорения движения по клику:
var clickHandler=function(event){
if(clickCount<10){
clearInterval(intervalId);//очистка интервала, действующего до первого выполнения функции clickHandler (33мс)
clickCount+=1; //счетчик кликов
$('#heading').text('Ваши очки: '+clickCount);//вывожу набранные очки в заголовок
x-=3;//уменьшаю время повтора интервала
var intervalId=setInterval(moveHeading,x);
console.log(intervalId);//проверяю значение Id первый раз
}
if(clickCount===10){
$('#heading').text('Вы победили!'); //заменяю значение заголовка на поздравление с победой
console.log(intervalId);//проверяю значение Id второй раз
clearInterval(intervalId); //не работает!
}
}
$("h1").click(clickHandler); //прилепляем функцию клика к заголовку страницы