Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Callback Functions in JavaScript Callbacks with Timers Triggering an Animation

Posted by Kit Fung Eman Law
Kit Fung Eman Law
Courses Plus Student 2,385 Points

Unable to pass the quiz

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

function startAnimation() { //Applies spinning animation to section element setTimeout = math.random() * 2000; section.className = "spin"; }

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

function startAnimation() {
  //Applies spinning animation to section element
  setTimeout = math.random() * 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>

1 Answer

Tarran Prior
PLUS
Tarran Prior
Courses Plus Student 3,155 Points
Tarran Prior
Tarran Prior
Courses Plus Student 3,155 Points

Hey Kit.

You're almost there. But rather than using math.random, simply use the following.

setTimeout (startAnimation, 2000);

Insert it before or after your function and it should be fine. Hope this helps. :)