#8: Adding Timers

//Parameters:

// 1) functionRef - A function to be executed after the timer expires.

// 2) code - An alternative syntax that allows you to include a string instead of a function, which is compiled and executed when the timer expires. This syntax is not recommended for the same reasons that make using eval() a security risk.

// 3) delay Optional - The time, in milliseconds that the timer should wait before the specified function or code is executed. If this parameter is omitted, a value of 0 is used, meaning execute "immediately", or more accurately, the next event cycle.

// param1, …, paramN Optional - Additional arguments which are passed through to the function specified by functionRef.

// In use:
// Set X miliseconds to print a string: 

// A) Prints after 3s

setTimeout(() => console.log('a string'), 3000); // Appears after 3s
console.log('Wait for it...') // Immediately

// B) Evaluate from a prompt:

const myQuestion = prompt('What are your fruits?');


 if (myQuestion === 'Oranges') {
console.log('Correct Answer ✅ '), 5000)
 } else {
   setTimeout(() => console.log('Wrong Answer, try again ❌'), 5000);
 }

// C) Passing arguments 

// All arguments that we passed after the delay will be arguments to the functions

const fruits = ['orange', 'apples'];

const fruitTimer = setTimeout(
  (f1, f2) => console.log(`Your order containing ${f1} and ${f2} will be delivered soon`),
  3000,
  ...fruits // put the elements comma separated
);

console.log('Waiting...'); // Immediatedly

//Parameters:

// 1) timeoutID - The identifier of the timeout you want to cancel. This ID was returned by the corresponding call to setTimeout().

// In use:
// Clear if contains 'apples'

// All arguments that we passed after the delay will be arguments to the functions

const fruits = ['orange', 'apples'];

const fruitTimer = setTimeout(
  (f1, f2) => console.log(`Your order containing ${f1} and ${f2} will be delivered soon`),
  3000,
  ...fruits // put the elements comma separated
);

console.log('Waiting...'); // Immediatedly

// clear: 

if (ingredients.includes('apples')) clearTimeout(fruitTimer); 

// fruitTimer WON'T be executed!

//Parameters:

// 1) func - A function to be executed every delay milliseconds. The first execution happens after delay milliseconds.

// 2) code - An optional syntax allows you to include a string instead of a function, which is compiled and executed every delay milliseconds. This syntax is not recommended for the same reasons that make using eval() a security risk.

// 3) delay Optional - The time, in milliseconds (thousandths of a second), the timer should delay in between executions of the specified function or code. Defaults to 0 if not specified. See Delay restrictions below for details on the permitted range of delay values.

// 3) arg0, …, argN Optional - Additional arguments which are passed through to the function specified by func once the timer expires.

// In use:

// Note: there's a bug with this timer, but I cannot fix it right now -- I'll improve it afterwards :)

// A) Setting a countdown:

const myClock = function () {
  const fixBug = function () {
    // Ongoing message:

    const timeRunin = console.log(`Time is running!`);

    // Finish Countdown:

    if (time === 0) {
      clearInterval(timer);
      // Message: 
      console.log(`Time is Up!`);
    }

    // Remove one 1s every second

    time = time - 1; // time--;

    // console.log(time);
  };

  // Create time:
  let time = 60; // 1 min

  // Call the timer every second (1000 ms)
  fixBug();
  const timer = setInterval(fixBug, 1000);
};

myClock();

// Returns:

<!-- Time is running! script.js:1347 -->
<!-- Live reload enabled.  -->
<!-- (60) Time is running! script.js:1347 -->
<!-- Time is Up! script.js:1354 -->

// Prints Time is running 60 times and prints Time is Up! When time === 0

// B) Display the current time EVERY 1000 ms 

// setInterval(function () {
//   const now = new Date();
//   console.log(now);
// }, 1000);