JSFiddle - React, Tailwind, and code Playground

by loktar

HTML

<div id="test">Testing</div>

CSS

#test{border:1px solid black;}

JavaScript

var timeout = setTimeout(refreshColumn,1000),
    testElement = document.getElementById("test");

function refreshColumn() {
    var newEl = document.createElement("div");
    newEl.innerHTML = "Test";
    testElement.appendChild(newEl);
    timeout = setTimeout(refreshColumn,1000); 
}

testElement.onmouseover = function(){
   clearTimeout(timeout);
}

testElement.onmouseout = function(){
    timeout = setTimeout(refreshColumn,1000);    
}