0

I need to make my background video change by time of the day and day of the week. for example day video during day, night video during night, and Monday and Tuesday etc etc have different videos for night and day. So there would be a total of 14 background videos. I don't know if PHP of JS or JQUERY would be better.

<script language="JavaScript">
    
    day=new Date()     //..get the date
    
    x=day.getHours()    //..get the hour
    
    if(x>=0 && x<4) {
    
       document.write('<style type="text/css">body{background: white url(1st.jpg); color: black}"></style>')
    
    } else
    
    if(x>=4 && x<12) {
    
       document.write('<style type="text/css">body{background: white url(2nd.jpg); color: black}</style>')
    
    } else
    
    if(x>=12 && x<18) {
    
       document.write('<style type="text/css">body{background: white url(3rd.jpg); color: black}</style>')
    
    } else
    
    if (x>=18 && x<24) {
    
       document.write('<style type="text/css">body{background: white url(4th.jpg); color: black}</style>')
    
    }
    
    </script>
P.A. Smith
  • 1
  • 3
  • May helpful this ref : https://stackoverflow.com/questions/1077041/refresh-image-with-a-new-one-at-the-same-url – Rayees AC Aug 14 '20 at 19:22
  • Also this may help : https://stackoverflow.com/questions/26908991/how-to-make-a-video-change-at-specific-times-javascript – ByteTheBits Aug 14 '20 at 19:49

0 Answers0