<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<h1 id="text">Попадеш?</h1>
<script src="
https://code.jquery.com/jquery-2.1.0.js"></script>
<script>
//alert('Игра начинается.Попади по тексту 10 раз для попеды.Удачи))')
var leftOffset = 0;
var topOffset = 0;
var dir = "right";
var speed = 30;
var moveHeading = function () {$("#text").offset({ left: leftOffset, top: topOffset})
if(dir == "right")
leftOffset++;
else
leftOffset--;
if(leftOffset < 0 && topOffset > 0)
{
leftOffset = 0;
topOffset--;
}
else if(topOffset == 0)
{
dir = "right";
}
if (leftOffset > 200) {
leftOffset = 200;
topOffset++;
if (topOffset > 200) {
topOffset =200;
dir = "left";
}
else if(topOffset < 0)
{
topOffset =0;
}
}
};
var intervalId = setInterval(moveHeading,speed);
//Остановка по клику
/*
var stop = function()
{
clearInterval(intervalId)
}
$('html').click(stop);
//------------------
*/
//Ускорение после клика
var clickH1 = function()
{
if($('#text').click(clickH1))
{
var newSpeed = speed *2
setInterval(moveHeading,newSpeed);
};
}
$('#text').click(clickH1)
</script>
</body>
</html>