JSFiddle - React, Tailwind, and code Playground

by CodeMaverick

HTML

<button>Download</button>

<p class="countdown" />
<p class="link">
    <a href="www.stackoverflow.com">StackOverflow</a>
</p>

CSS

p { display: none; padding: 50px; border: solid 1px black; }
p.countdown { color: red; font-size: 24px; }

JavaScript

var $countdown = $("p.countdown"),
    $link = $("p.link"),
    $button = $("button");

$button.click(function() { 
    
    $countdown.hide(0);
    $link.hide(0);        
    
    var count = 10,
        countdown = setInterval(function() { 
           
           $countdown.html(count + " seconds remaining!").show("slow"); 

           if (count == 0) { 
                
               $countdown.hide(0);
               $link.show("slow");
               clearInterval(countdown);
                
           } 

           count--; 
        
       }, 1000);

});