title: Swap an image at "night time" for any time zone using JS HTML and CSS?
body: <p>I've looked at some of the answers on how to change an image based on time, but my question is a little more "in depth." I hope it isn't too impossible!</p>
  
  <p>Basically I have two images: A night time image, and a day time image.</p>
  
  <p>What I would like to achieve is to have my website swap an image to a "night time version" of the same image at 8PM according to viewers system time and then swaps back to the original "day time" image at 6am. </p>
  
  <p>That is, every 8PM to 6AM it should show the NIGHT TIME image and from 6AM to 8PM it should show the DAY TIME image.   How can this be achieved? Is it possible?</p>
  
  <p>If so If anyone can come up with a solution that would be great! If not at least point me in the right direction lol.</p>
  
  <p>Edit: I should add that I know very little javascript. Very sorry! So I may need some explaining on how to implement the time functions to swap out images.</p>
  
  <p>THANKS! X</p>