JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="skip" class="button">Skip this</a>

CSS

.button {
    background-color: #ddcccc;
    border: 1px solid black;
    color: black;
    font-family: Arial;
    font-size: small;
    text-decoration: none;
    padding: 3px;
}

JavaScript

var skipButton = document.getElementById("skip");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "Skip this after 10 seconds";
var id;

skipButton.parentNode.replaceChild(newElement, skipButton);

id = setInterval(function(){
	counter--;
		if(counter < 0){
			newElement.parentNode.replaceChild(skipButton, newElement);
			clearInterval(id);
		} else {
			newElement.innerHTML = "You can skip this in " + counter.toString() + " seconds.";
		}
}, 1000);