TimesUp!

by steven keezer

HTML

<!DOCTYPE html>
<html>
<head>
 <title>Interactive programming</title>
</head>
<body>
 <h1 id="heading">Hello world!</h1>
 <script src="https://code.jquery.com/jquery-2.1.0.js"></script>
 <script>
 // We'll fill this in next
 </script>
</body>
</html>

JavaScript

var leftOffSet = 0;

var moveHeading = function() {
$("#heading").offset({left: leftOffSet});
leftOffSet++;

if(leftOffSet > 200) {
leftOffSet = 0;
}
};

setInterval(moveHeading, 30)