title: Show div based on getDay and getHours + getMinutes
body: <p>I am building a website for a radio station and want to show which presenter is currently on air. I have built a web app that contains data on the presenter: name, photo, bio and start/end times for each weekday.</p>
  
  <pre><code>&lt;div id="presenter1"&gt;
      &lt;div class="slot"&gt;
          &lt;div id="sunday-off"&gt; - &lt;/div&gt;
          &lt;div id="monday-afternoon"&gt;12:00 - 15:59&lt;/div&gt;
          &lt;div id="tuesday-afternoon"&gt;12:00 - 15:59&lt;/div&gt;
          &lt;div id="wednesday-afternoon"&gt;12:00 - 15:59&lt;/div&gt;
          &lt;div id="thursday-afternoon"&gt;12:00 - 15:59&lt;/div&gt;
          &lt;div id="friday-afternoon"&gt;12:00 - 15:59&lt;/div&gt;
          &lt;div id="saturday-morning"&gt;06:00 - 08:59&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I would like to do is use Javascript functions getDay() and getHours() + getMinutes() to show only the presenter that is scheduled to be on air based on the times specified in the app.</p>
  
  <p>The main part I am having difficulty with is with determining whether this presenter falls within the current time and then showing/hiding the div as necessary.</p>
  
  <p>Any help or guidance on how I can acheive this would be greatly appreciated.</p>