javascript - 在前一个倒计时结束后显示新的倒计时

Question

这是我当前代码的一个示例，它在特定时间向您显示当前主题，并在中断时向您显示。

但是，我想在下一堂课上添加一个倒数计时器。

例如，第一堂课从早上 8 点开始，下一堂课是上午 10 点，下一堂课下面会显示倒数计时器，一旦到了第二堂课，它会在第三堂课上显示下一个倒数计时器。

<h1 id="subject"></h1>

<script>

var myDate = new Date();   

/* Time is 8AM */
if ( myDate.getHours() == 8 )  { 
 document.getElementById('subject').innerHTML ="1st Subject: English";  } 

/* Time is 10AM */
else if ( myDate.getHours() == 10 )  { 
 document.getElementById('subject').innerHTML ="2nd Subject: Math"; } 
 
 /* Time is 1PM */
else if ( myDate.getHours() == 13 )  { 
 document.getElementById('subject').innerHTML ="3rd Subject: Science"; }

else 
    {   document.getElementById('subject').innerHTML="Take a break!"; }
 
 
 </script>

标签： javascripthtml