Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript Callback Functions in JavaScript Callbacks with Timers Triggering an Animation

Posted by Lloyd Cox
Lloyd Cox
19,952 Points

Is there a bug?

I think I have it right, but I keep getting an error saying"Bummer, remember there are 1000 milliseconds in a second.

app.js 
const section = document.getElementById("animateMe");

function startAnimation() {
  //Applies spinning animation to section element
  setTimeout(startAnimation, 2000);
  section.className = "spin";
}
index.html 
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <link rel='stylesheet' href='styles.css'>
    </head>
    <body>
        <section id="animateMe">
            <p>Animate Me in 2 Seconds!</p>
        </section>
        <script src='app.js'></script>
    </body>
</html>

3 Answers

Helari Sosi
Helari Sosi
6,168 Points
Helari Sosi
Helari Sosi
6,168 Points

Hey Lloyd,

There's no bug there ;). You are almost right, but you are missing one thing.

So you currently have a function called startAnimation(). And you need animate it, so it would start working in 2 seconds. You use setTimeout, that is correct. But currently what you are doing is calling 

setTimeout(startAnimation, 2000); //startAnimation is the "main" function

with startAnimation() inside startAnimation() function. Try adding the setTimeout outside the "main" function, see if it works then.

Let me know if it's not clear enough, I'll try to explain better then.

Ella Ruokokoski
Ella Ruokokoski
20,881 Points
Ella Ruokokoski
Ella Ruokokoski
20,881 Points

You are calling 

setTimeout(startAnimation, 2000)

inside the startAnimation function itself. So it will call itself over and over again. You should have the setTimeout call outside of the startAnimation function.

Lloyd Cox
Lloyd Cox
19,952 Points
Lloyd Cox
Lloyd Cox
19,952 Points

Thank you both! I get it now and have passed on.

Thank you :)