Aquí tienes un ejemplo básico de cómo podrías hacerlo utilizando HTML, CSS y JavaScript:
```html
<button id="estex">Haz click aquí</button>
<!-- Ventana modal -->
<div id="modal" class="modal">
<div class="modal-content">
<div>Serás redirigido en <span id="countdown">3</span> segundos</div>
<div>
<div><a href="#" class="hidden-link" data-link="linkcodificado1">Enlace 1</a></div>
<div><a href="#" class="hidden-link" data-link="linkcodificado2">Enlace 2</a></div>
<div><a href="#" class="hidden-link" data-link="linkcodificado3">Enlace 3</a></div>
</div>
</div>
</div>
<!-- Div que aparecerá después de abrir alguno de los enlaces -->
<div id="after-link"></div>
<script>
// Obtener el botón y la ventana modal
var button = document.getElementById('estex');
var modal = document.getElementById('modal');
// Obtener todos los enlaces ocultos
var hiddenLinks = document.getElementsByClassName('hidden-link');
// Decodificar el enlace al hacer clic en el botón
button.addEventListener('click', function() {
var decodedLink = window.atob('linkencriptado');
// Mostrar la ventana modal
modal.style.display = 'block';
// Iniciar cuenta regresiva de 3 segundos
var countdown = document.getElementById('countdown');
var timerId = setInterval(function() {
var count = countdown.textContent;
countdown.textContent = count - 1;
if (count <= 1) {
clearInterval(timerId);
// Ocultar la cuenta regresiva y mostrar los enlaces
countdown.parentNode.style.display = 'none';
hiddenLinks[0].parentNode.parentNode.style.display = 'block';
}
}, 1000);
});
// Abrir el enlace al hacer clic en uno de los enlaces ocultos
for (var i = 0; i < hiddenLinks.length; i++) {
hiddenLinks
.addEventListener('click', function(event) {
event.preventDefault();
var decodedLink = window.atob(this.dataset.link);
window.open(decodedLink, '_blank');
// Insertar el enlace después de abrir
var afterLink = document.getElementById('after-link');
afterLink.textContent = 'El enlace desencriptado es: ' + decodedLink;
});
}
</script>
```
En este ejemplo, el enlace codificado se decodifica al pulsar el botón y se muestra como una ventana modal. La ventana modal tiene una cuenta regresiva durante 3 segundos y luego muestra los enlaces ocultos. Al hacer clic en cualquiera de los enlaces, se abre en una pestaña nueva y se muestra un mensaje con el enlace desencriptado debajo. Cuando se ha abierto uno de los enlaces, aparecerá un div debajo de los enlaces con el enlace desencriptado.
