Countdown Redirect Using JavaScript - with Cancel

countdown-redirect.html

<!-- Modify this according to your requirement -->
<p id="countdown-wrapper">
  Redirecting in <span id="countdown">10</span> seconds. 
  <a href="#" onclick="stopCountdown();return false;">Cancel</a>
</p>
<!-- JavaScript part -->
<script type="text/javascript">
    
    // Total seconds to wait
    var seconds = 10;
    var countdownTimer;
    
    function countdown() {
        seconds = seconds - 1;
        if (seconds < 0) {
            // Chnage your redirection link here
            window.location = "https://example.com";
        } else {
            // Update remaining seconds
            document.getElementById("countdown").innerHTML = seconds;
            // Count down using javascript
            countdownTimer = window.setTimeout("countdown()", 1000);
        }
    }
  
    function stopCountdown() {
        window.clearTimeout(countdownTimer)
        document.getElementById('countdown-wrapper').style.display = 'none'; // or .fadeout() with jquery
    }
    
    // Run countdown function
    countdown();
    
</script>