Kill refresh script onclick

Question

I'm trying to write a very simple auto-refreshing userscript that immediately stops refreshing when the page is clicked anywhere. I have absolutely no coding experience so help would be greatly appreciated.

var cancelled = false;
document.body.addEventListener("click",function(){cancelled=true;});
function goodluck() {
if (cancelled=false) {
      setTimeout(function(){ location.reload(); }, Math.floor(Math.random() * 4000));}
else if (cancelled=true) {return;}
}

Answer 1

(function() {
    'use strict';

    var didClick = false;
    var interval = Math.floor(Math.random() * 4000);

    function refresh() {
        var timeout = setTimeout(function() {
            if (didClick) {
                return;
            }
            location.reload();
        }, interval);

        document.addEventListener('click', function clickHandler() {
            if (!didClick) {
                didClick = true;
                clearTimeout(timeout);
            }
            document.removeEventListener('click', clickHandler);
        });
   }

    window.onload = function() {
        refresh();
    };
})();

Answer 2

(function() { 'use strict';

var didClick = false;
var interval = Math.floor(Math.random() * 4000);

function refresh() {
    var timeout = setTimeout(function() {
        if (didClick) {
            return;
        }
        location.reload();
    }, interval);

    document.addEventListener('click', function clickHandler() {
        if (!didClick) {
            didClick = true;
            clearTimeout(timeout);
        }
        document.removeEventListener('click', clickHandler);
    });

}

window.onload = function() {
    refresh();
};

})();