Calculadora de Ritmo de Carrera

Calcula tu ritmo de carrera ideal para diferentes distancias. Esta calculadora de ritmo de carrera utiliza tus datos de tiempo y distancia para determinar tu ritmo objetivo. Palabras clave: ritmo de carrera, tiempo de carrera, distancia, entrenamiento, running, corredor, calculadora, metas de carrera.

:root { –primary-color: #2563eb; –secondary-color: #1e40af; –background-color: #f8fafc; –text-color: #1f2937; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; } body { background-color: var(–background-color); color: var(–text-color); line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .calculator-section { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px; } h2, h2, h3, h4 { color: var(–primary-color); margin-bottom: 15px; } .calculator { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px; } .input-group { margin-bottom: 15px; } .input-group label { display: block; margin-bottom: 5px; font-weight: 500; } .input-group input, .input-group select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; } .btn { background-color: var(–primary-color); color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; } .btn:hover { background-color: var(–secondary-color); } .result { margin-top: 20px; padding: 15px; background-color: #f1f5f9; border-radius: 5px; display: none; } .level-table { width: 100%; border-collapse: collapse; margin: 20px 0; } .level-table th, .level-table td { padding: 10px; border: 1px solid #ddd; text-align: left; } .level-table th { background-color: #f1f5f9; } .info-section { margin-bottom: 30px; } .training-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0; } .training-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .faq-section { margin-top: 30px; } .faq-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .faq-item h4 { color: var(–text-color); margin-bottom: 8px; } function calculatePace() { const distance = parseFloat(document.getElementById(‘distance’).value); const hours = parseInt(document.getElementById(‘hours’).value) || 0; const minutes = parseInt(document.getElementById(‘minutes’).value) || 0; const seconds = parseInt(document.getElementById(‘seconds’).value) || 0; const distanceUnit = document.getElementById(‘distanceUnit’).value; if (!distance || (hours === 0 && minutes === 0 && seconds === 0)) { alert(‘Por favor, introduce valores válidos’); return; } // Convertir todo a minutos const totalMinutes = (hours * 60) + minutes + (seconds / 60); // Calcular el ritmo let pace = totalMinutes / distance; // Convertir el ritmo a minutos y segundos const paceMinutes = Math.floor(pace); const paceSeconds = Math.round((pace – paceMinutes) * 60); // Mostrar el resultado const resultDiv = document.getElementById(‘result’); resultDiv.style.display = ‘block’; resultDiv.innerHTML = `

Resultados:

Tu ritmo es: ${paceMinutes}:${paceSeconds.toString().padStart(2, ‘0’)} min/${distanceUnit}

Velocidad media: ${(60/pace).toFixed(2)} ${distanceUnit}/h

`; }