javascript setinterval for animation and etc

Question

User-418973555 posted

having of divpageloaderhyperlink, would like to perform some animation before it redirect to another page by setting interval, not sure it should be this way, even the alert text not appeared

 boxFour = document.getElementsByClassName('divpageloaderhyperlink')[0];
            boxFour.addEventListener("click", pageloaderhyperlinkclick, false);

....

function pageloaderhyperlinkclick() {

            var theTimer = setInterval(function () {

                //var vwrapper = document.getElementsByName('divbgimg');
                //vwrapper.classList.add('redwrapper');
                alert('sadsddsdssd');
                    
                clearInterval(theTimer); 
            }, 5000);
        }

  .redwrapper
        {
            width:100%;
            height:100%;
            background-color: #a51013;
            
        }

        .divbgimg.redwrapper 
        {
         
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

        }
        @keyframes fade-in {
          0% {
            opacity: 0;
          }
          100% {
            opacity: 1;
          }
        }