<aside> 💡 When the 2nd countdown finishes , start the 3rd countdown from 10 to 0 for the 3rd pose picture

</aside>

Notes

Code

1. The DOM element wherein the countdown will be displayed

<h1 id='timerText'class="text-center my-5"></h1>

1. Global variable assigned to the number 10 for the 3rd countdown

let count3 = 10;

function countdown3(){
var timer3 = setInterval(function(){
 if(count3 < 0){
    clearInterval(timer3);
    document.getElementById('timerText').innerHTML = 'Done!';
    picture3()
    }
    else{
   document.getElementById('timerText').innerHTML = count3
   console.log(count3);
    count3--
    }
  },1000 )
}

3. countdown3()

• Function countdown3() references the function for the first countdown from 10 to 0 for the 3rd pose picture
• This function is called from within function picture2(). Once 2nd image is drawn to the canvas we start the count for the user to strike a 3rd pose
• First we disable the start <button> because we don't want the countdown to be interrupted once started
  • Use a function assignment syntax to assign the setInterval() method to variable timer3 this is because we will use the clearInterval() method and pass in timer3 which references the setInterval() function as an argument
  • SetInterval():
  1. This method will execute some code at a specified interval. In our case we want to count down from 10 to 0 every second
  2. Syntax: variable = setInterval(function, milliseconds);
  3. The if conditional checks if variable count1 is less than 0. If true, then use the clearInterval() method that takes timer3 as an argument, which references the setInterval() function. We also want to let the user that the countdown is over so we add the string "Next Pose" to the innerHTML property of the DOM element with id of 'timerText'. And lastly since the countdown is over we called function picture3() which will click a picture of the current pose.
  4. If the if conditional evaluates to false i.e. count3 > 0 then insert the value of countdown1 into the DOM and then decrease the value of count3 by -1
  • Do all the above at an interval of 1 second till count3 is = 0. Then clear the interval