title: Vanilla Javascript, mouseout delay with cancelation without jQuery
body: <p>i am currently having a problem. I am using css to hide and display elements depending on the mouse function. One of my elements (a navigation arrow) depends on some other things. I now need a cancleable timer function which counts for lets say 2 seconds on mouseleave and then changes the class attribute. But it should have a timer which cancels on mouseover immediately. I dont want it to disappear too early.
  Below my code with which i tried so far. I have no idea how to access the current timings of that setIntervall stuff. I alreasy experimented with Date.now(). But now i hope some of the geeks is able to help me. </p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>function hideElementOnMouseOut(el)
  {
      el.addEventListener("mouseleave", function( event )
      {   
          mySlideAction = setInterval( function()
          {
  
          }, 1000 );
      }
  }
  </code></pre>