如何仅在特定时间使用javascript显示字符串？

我目前正在为我的学校网站制作实况横幅。它应该包括星期几，日期，时间和当前时间段号码。我排序前三名，但最后一名给了我麻烦，因为它只需要在45分钟内显示。我从昨天改进了我的代码。现在看起来像this (CODEPEN)。顺便说一句，谢谢昨天所有帮助过我的人！ Special thanks to theRoot, for making me have my code simple 如何仅在特定时间使用javascript显示字符串？

<!--> 
LIVE DATE AND DAY 
<--> 
    <style> 
     BODY { 
      font-family: arial; 
     } 
    </style> 
    <body onload="startTime()"> 
     <p> 
      <span style="font-size:40pt;">TODAY IS A 
       <script> 
        var today = new Date(); 
        var dd = today.getDate(); 
        var ww = today.getDay(); 
        var mm = today.getMonth(); 
        var yyyy = today.getFullYear(); 
        var suffix = ["st","nd","rd","th"]; 
        var op = ""; 
        var month = ["JANUARY","FEBUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"]; 
        var day = ["MONDAY","TUESDAY","WEDNSDAY","THURSDAY","FRIDAY","SATURDAY","SUNDAY"]; 

        if(parseInt(dd) > 4) 
         op+=" "+day[ww-1]+" THE "+dd+suffix[3].sup()+" OF "; 
        else 
         op+=" "+day[ww-1]+" THE "+dd+suffix[(parseInt(dd)%10)-1].sup()+" OF "; 
        op+=month[parseInt(mm)-1]+" "+yyyy; 
        document.write(op); 
       </script> 

       <script> 
        function startTime() { 
         var today=new Date(); 
         var h=today.getHours(); 
         var m=today.getMinutes(); 
         m = checkTime(m); 
         var am = " am"; 
         var pm = " pm"; 

         if(h > 12) { 
          h =(h - 12) 
          document.getElementById('time').innerHTML = h+":"+m+pm.sup(); 
         } else { 
          document.getElementById('time').innerHTML = h+":"+m+am.sup(); 
         } 

         var t = setTimeout(function(){startTime()},500); 

         var period = ["WHY SO EARLY?","BEFORE SCHOOL","PERIOD 1","PERIOD 2","PERIOD 3","PERIOD 4","PERIOD 5","PERIOD 6","PERIOD 7","PERIOD 8","PERIOD 9","PERIOD 10","AFTER SCHOOL","WHY ARE STILL YOU HERE?",]; 
        } 

        function checkTime(i) { 
         if (i<10) {i = "0" + i}; // add zero in front of numbers < 10 
         return i; 
        } 
       </script> 
       <p style="font-size:40pt; display:inline;" id="time"></p> 
      </span> 
     </p> 
    </body>

这就是我现在所拥有的。谢谢。

来源

2015-07-01 David Simon Tetruashvili

您不能混用HTML代码和JavaScript。检查您的开始和结束'

如何仅在特定时间使用javascript显示字符串？

相关问题