如何僅在特定時間使用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。檢查您的開始和結束'

相關問題