JSFiddle - React, Tailwind, and code Playground

HTML

<div id = 'msg'></div>
<br />
<img id = 'photo' />

JavaScript

function charge() {
  var img = window.document.getElementById('photo');

  var date = new Date();
  var hour = date.getHours();
  var minutes = date.getMinutes();

  msg.innerHTML = `Agora são ${hour} horas e ${minutes} minutos`
  if (hour >= 0 && hour < 12) {
    img.src = 'https://meuprimeiroape.blog.br/wp-content/uploads/2017/04/sol-manha.jpg';
  } else if (hour >= 12 && hour < 18) {
    img.src = 'https://cdn.mensagenscomamor.com/content/images/p000007513.jpg?v=0';
  } else {
    img.src = 'https://www.eusemfronteiras.com.br/wp-content/uploads/2018/09/Capturar.png';
  }
}

charge();