<div style="text-align: center; margin-top: 50px;">
<h1>Estás a punto de descargar:</h1>
<h2 id="fileName" style="color: #007bff;">Cargando...</h2>
<p>Tu descarga comenzará en <span id="countdown">10</span> segundos.</p>
<a id="downloadButton" href="#" style="display: none; padding: 10px 20px; background-color: #28a745; color: white; text-decoration: none; border-radius: 5px;">Descargar ahora</a>
</div>
<script type="text/javascript">
// Obtiene los parámetros de la URL
var params = new URLSearchParams(window.location.search);
var url = params.get('url');
var name = params.get('name');
// Muestra el nombre del archivo
if (name) {
document.getElementById('fileName').textContent = name;
}
// Botón de descarga y cuenta regresiva
var countdownElement = document.getElementById('countdown');
var downloadButton = document.getElementById('downloadButton');
var seconds = 10;
var countdownInterval = setInterval(function() {
seconds--;
countdownElement.textContent = seconds;
if (seconds <= 0) {
clearInterval(countdownInterval);
window.location.href = url; // Redirige al enlace final
}
}, 1000);
// Asigna el enlace de descarga al botón por si el usuario quiere hacer clic
if (url) {
downloadButton.href = url;
// Muestra el botón por si la redirección falla
setTimeout(function() {
downloadButton.style.display = 'inline-block';
}, 5000); // Muestra el botón después de 5 segundos
}
</script>