javascript - How To Set A Timer On An Element To Fade Out And Reset The Timer If The Element Is Clicked Open -

javascript - How To Set A Timer On An Element To Fade Out And Reset The Timer If The Element Is Clicked Open -

i have cookie popup in place need fade in when page loads after 5 seconds , if popup clicked opens , timer reset.. here have far.

function cookiepopup(){ var $cookie_popup = $("#cookie_popup"); words = $cookie_popup.children('p').text().split(' ').length; alert(words); $cookie_popup.fadein(200).delay(words*200+3000).fadeout(function() {$(this).remove(); }); $cookie_popup.children("#cookie_close").on("click",function(){ $cookie_popup.hide().remove; }); }

pseudo code:

var timeout = settimeout( createpopup, 5000 ); function createpopup() { cleartimeout( timeout ); // .. popup creation code .. } something.onclick = createpopup;

javascript