5k Running Splits Calculator<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body {\r\n font-family: Poppins, sans-serif;\r\n max-width: 80%;\r\n margin: 0 auto;\r\n padding: 1em;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n }\r\n\r\n label,\r\n input {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n input {\r\n margin-bottom: 1em;\r\n }\r\n\r\n button {\r\n background-color: #1C244B;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n button:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n th,\r\n td {\r\n border: 1px solid #ccc;\r\n padding: 0.5em;\r\n text-align: center;\r\n }\r\n\r\n th {\r\n background-color: #f2f2f2;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <h1>5k Running Splits Calculator<\/h1>\r\n <label for=\"goal-time\">Goal Time for 5k (mm:ss.sss):<\/label>\r\n <input type=\"text\" id=\"goal-time\" placeholder=\"Enter time in mm:ss.sss format\">\r\n <button onclick=\"calculateSplits()\">Calculate Splits<\/button>\r\n <h2>Pace per Mile: <span id=\"pace-per-mile\"><\/span><\/h2>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Mile<\/th>\r\n <th>Time (mm:ss.sss)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"resultsv2\">\r\n <\/tbody>\r\n <\/table>\r\n <script>\r\n function calculateSplits() {\r\n const goalTimeString = document.getElementById('goal-time').value;\r\n const goalTimeParts = goalTimeString.split(':');\r\n const goalTimeMinutes = parseFloat(goalTimeParts[0]);\r\n const goalTimeSeconds = parseFloat(goalTimeParts[1]);\r\n const goalTimeTotalSeconds = (goalTimeMinutes * 60) + goalTimeSeconds;\r\n\r\n const mileSplits = [1, 2, 3];\r\n\r\n const pacePerMile = goalTimeTotalSeconds \/ 3.1; \/\/ 5k is 3.1 miles\r\n const paceMinutes = Math.floor(pacePerMile \/ 60);\r\n const paceSeconds = Math.floor(pacePerMile % 60);\r\n const paceMilliseconds = Math.round((pacePerMile % 1) * 1000);\r\n\r\n document.getElementById('pace-per-mile').innerText = `${paceMinutes.toString().padStart(2, '0')}:${paceSeconds.toString().padStart(2, '0')}.${paceMilliseconds.toString().padStart(3, '0')}`;\r\n\r\n const resultsv2 = document.getElementById('resultsv2');\r\n resultsv2.innerHTML = '';\r\n\r\n for (const mile of mileSplits) {\r\n const splitTime = pacePerMile * mile;\r\n const splitMinutes = Math.floor(splitTime \/ 60);\r\n const splitSeconds = Math.floor(splitTime % 60);\r\n const splitMilliseconds = Math.round((splitTime % 1) * 1000);\r\n\r\n const row = document.createElement('tr');\r\n const mileCell = document.createElement('td');\r\n mileCell.innerText = `${mile} mile`;\r\n row.appendChild(mileCell);\r\n\r\n const splitTimeCell = document.createElement('td');\r\n splitTimeCell.innerText = `${splitMinutes.toString().padStart(2, '0')}:${splitSeconds.toString().padStart(2, '0')}.${splitMilliseconds.toString().padStart(3, '0')}`;\r\n row.appendChild(splitTimeCell);\r\n\r\n resultsv2.appendChild(row);\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ea107 elementor-widget elementor-widget-heading\" data-id=\"b4ea107\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 13-03-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/afaster5k.com\/running-calculators\/\"><i>Check Out Our Other Calculators<\/i><\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>5k Running Splits Calculator 5k Running Splits Calculator Goal Time for 5k (mm:ss.sss): Calculate Splits Pace per Mile: Mile Time (mm:ss.sss) Check Out Our Other Calculators<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714"}],"collection":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":11,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n 5k Running Splits Calculator<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body {\r\n font-family: Poppins, sans-serif;\r\n max-width: 80%;\r\n margin: 0 auto;\r\n padding: 1em;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n }\r\n\r\n label,\r\n input {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n input {\r\n margin-bottom: 1em;\r\n }\r\n\r\n button {\r\n background-color: #1C244B;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n button:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n th,\r\n td {\r\n border: 1px solid #ccc;\r\n padding: 0.5em;\r\n text-align: center;\r\n }\r\n\r\n th {\r\n background-color: #f2f2f2;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <h1>5k Running Splits Calculator<\/h1>\r\n <label for=\"goal-time\">Goal Time for 5k (mm:ss.sss):<\/label>\r\n <input type=\"text\" id=\"goal-time\" placeholder=\"Enter time in mm:ss.sss format\">\r\n <button onclick=\"calculateSplits()\">Calculate Splits<\/button>\r\n <h2>Pace per Mile: <span id=\"pace-per-mile\"><\/span><\/h2>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Mile<\/th>\r\n <th>Time (mm:ss.sss)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"resultsv2\">\r\n <\/tbody>\r\n <\/table>\r\n <script>\r\n function calculateSplits() {\r\n const goalTimeString = document.getElementById('goal-time').value;\r\n const goalTimeParts = goalTimeString.split(':');\r\n const goalTimeMinutes = parseFloat(goalTimeParts[0]);\r\n const goalTimeSeconds = parseFloat(goalTimeParts[1]);\r\n const goalTimeTotalSeconds = (goalTimeMinutes * 60) + goalTimeSeconds;\r\n\r\n const mileSplits = [1, 2, 3];\r\n\r\n const pacePerMile = goalTimeTotalSeconds \/ 3.1; \/\/ 5k is 3.1 miles\r\n const paceMinutes = Math.floor(pacePerMile \/ 60);\r\n const paceSeconds = Math.floor(pacePerMile % 60);\r\n const paceMilliseconds = Math.round((pacePerMile % 1) * 1000);\r\n\r\n document.getElementById('pace-per-mile').innerText = `${paceMinutes.toString().padStart(2, '0')}:${paceSeconds.toString().padStart(2, '0')}.${paceMilliseconds.toString().padStart(3, '0')}`;\r\n\r\n const resultsv2 = document.getElementById('resultsv2');\r\n resultsv2.innerHTML = '';\r\n\r\n for (const mile of mileSplits) {\r\n const splitTime = pacePerMile * mile;\r\n const splitMinutes = Math.floor(splitTime \/ 60);\r\n const splitSeconds = Math.floor(splitTime % 60);\r\n const splitMilliseconds = Math.round((splitTime % 1) * 1000);\r\n\r\n const row = document.createElement('tr');\r\n const mileCell = document.createElement('td');\r\n mileCell.innerText = `${mile} mile`;\r\n row.appendChild(mileCell);\r\n\r\n const splitTimeCell = document.createElement('td');\r\n splitTimeCell.innerText = `${splitMinutes.toString().padStart(2, '0')}:${splitSeconds.toString().padStart(2, '0')}.${splitMilliseconds.toString().padStart(3, '0')}`;\r\n row.appendChild(splitTimeCell);\r\n\r\n resultsv2.appendChild(row);\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ea107 elementor-widget elementor-widget-heading\" data-id=\"b4ea107\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 13-03-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/afaster5k.com\/running-calculators\/\"><i>Check Out Our Other Calculators<\/i><\/a><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>5k Running Splits Calculator 5k Running Splits Calculator Goal Time for 5k (mm:ss.sss): Calculate Splits Pace per Mile: Mile Time (mm:ss.sss) Check Out Our Other Calculators<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714"}],"collection":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":11,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/pages\/714\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/afaster5k.com\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}