91 lines
2.8 KiB
JavaScript
91 lines
2.8 KiB
JavaScript
|
|
// ===============================
|
|
// FUNCIONES DE CONSULTA API
|
|
// https://ergast.com/mrd/overview/f1/
|
|
// ===============================
|
|
|
|
async function obtenerCalendario() {
|
|
// Cargar la programación completa de la actual temporada
|
|
const response = await fetch("https://api.jolpi.ca/ergast/f1/current.json");
|
|
const data = await response.json();
|
|
const carreras = data.MRData.RaceTable.Races;
|
|
return carreras;
|
|
}
|
|
|
|
function encontrarSiguienteCarrera(carreras) {
|
|
const ahora = new Date();
|
|
for (let carrera of carreras) {
|
|
const fecha = new Date(`${carrera.date}T${carrera.time || '00:00:00Z'}`);
|
|
if (fecha > ahora) {
|
|
return { ...carrera, fecha };
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
// ===============================
|
|
// CUENTA ATRÁS DINÁMICA
|
|
// ===============================
|
|
function iniciarCuentaAtras(fechaCarrera) {
|
|
const countdown = document.getElementById("countdown");
|
|
|
|
function actualizar() {
|
|
const ahora = new Date();
|
|
const diff = fechaCarrera - ahora;
|
|
|
|
if (diff <= 0) {
|
|
countdown.textContent = "🏁 ¡La carrera empezó!";
|
|
return;
|
|
}
|
|
|
|
const dias = Math.floor(diff / (1000 * 60 * 60 * 24));
|
|
const horas = Math.floor((diff / (1000 * 60 * 60)) % 24);
|
|
const minutos = Math.floor((diff / (1000 * 60)) % 60);
|
|
const segundos = Math.floor((diff / 1000) % 60);
|
|
|
|
countdown.textContent = `${dias}d ${horas}h ${minutos}m ${segundos}s`;
|
|
}
|
|
|
|
actualizar();
|
|
setInterval(actualizar, 1000);
|
|
}
|
|
|
|
// ===============================
|
|
// INIT PRINCIPAL
|
|
// ===============================
|
|
async function init() {
|
|
// 1) Obtener calendario
|
|
const carreras = await obtenerCalendario();
|
|
|
|
// 2) Calcular siguiente evento
|
|
const proxima = encontrarSiguienteCarrera(carreras);
|
|
|
|
if (!proxima) {
|
|
document.getElementById("countdown").textContent =
|
|
"No hay próximos Grandes Premios este año";
|
|
return;
|
|
}
|
|
|
|
// Mostramos el nombre de la próxima carrera
|
|
document.querySelector(".cuenta-atras h3").textContent =
|
|
`Cuenta atrás para el GP de ${proxima.raceName}`;
|
|
|
|
// 3) Poner la cuenta atrás
|
|
iniciarCuentaAtras(proxima.fecha);
|
|
|
|
// 4) Si estamos en fin de semana de carrera o justo comienza
|
|
const ahora = new Date();
|
|
if (ahora >= proxima.fecha) {
|
|
// Aquí puedes pedir sesiones o tiempos reales si la API lo soporta
|
|
console.log("Estamos en modo carrera");
|
|
document.getElementById("session-info").textContent =
|
|
"Modo carrera — datos en vivo o resultados";
|
|
} else {
|
|
// Modo pronóstico/previo
|
|
console.log("Estamos antes del fin de semana de carrera");
|
|
document.getElementById("session-info").textContent =
|
|
`Próxima sesión de ${proxima.raceName}`;
|
|
}
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", init); |