Tranceinheart

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.css">
<script src="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.min.js"></script>

.menu {
display: none;
}
span:hover .menu{
display:block;
}

let clickOnMe = document.querySelector('span');
let menu = document.querySelector('ul');
clickOnMe.onmouseover = function () {
menu.classList.remove('menu');
menu.classList.add('menuOpen');
}

let div = document.querySelector('div');
div.addEventListener("mouseout", function(e){
  if(e.target == div){
      menu.classList.remove('menuOpen');
      menu.classList.add('menu');
    }
}, false)

setInterval(function(){
//your code here
}, 1000);