{"id":1714,"date":"2024-12-26T13:00:52","date_gmt":"2024-12-26T13:00:52","guid":{"rendered":"https:\/\/donhit.com\/en\/?p=1714"},"modified":"2025-02-06T04:16:45","modified_gmt":"2025-02-06T04:16:45","slug":"running-pace","status":"publish","type":"post","link":"https:\/\/donhit.com\/en\/convert\/running-pace\/","title":{"rendered":"Running Pace Calculator"},"content":{"rendered":"<p><center><div class=\"container123\">\r\n        <div class=\"title\">\r\n            <h2>Running Pace Calculator<\/h2>\r\n            <p>Calculate your running pace, time, and distance with ease<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"calculator\">\r\n            <div class=\"input-section\">\r\n                <div class=\"switch-units\">\r\n                    <button id=\"metricBtn\" class=\"active\">Metric (km)<\/button>\r\n                    <button id=\"imperialBtn\">Imperial (miles)<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label>Distance<\/label>\r\n                    <input type=\"number\" id=\"distance\" placeholder=\"Enter distance\" step=\"0.01\">\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label>Time (hours:minutes:seconds)<\/label>\r\n                    <div style=\"display: flex; gap: 10px;\">\r\n                        <input type=\"number\" id=\"hours\" placeholder=\"HH\" min=\"0\" max=\"99\">\r\n                        <input type=\"number\" id=\"minutes\" placeholder=\"MM\" min=\"0\" max=\"59\">\r\n                        <input type=\"number\" id=\"seconds\" placeholder=\"SS\" min=\"0\" max=\"59\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button onclick=\"calculatePace()\">Calculate<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"result-section\">\r\n                <div class=\"result-item\">\r\n                    <h3>Average Pace<\/h3>\r\n                    <div id=\"paceResult\" class=\"result-value\">--:-- \/km<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"result-item\">\r\n                    <h3>Speed<\/h3>\r\n                    <div id=\"speedResult\" class=\"result-value\">-- km\/h<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"result-item\">\r\n                    <h3>Visualization<\/h3>\r\n                    <canvas id=\"paceChart\"><\/canvas>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let isMetric = true;\r\n        const metricBtn = document.getElementById('metricBtn');\r\n        const imperialBtn = document.getElementById('imperialBtn');\r\n        let chart = null;\r\n\r\n        metricBtn.addEventListener('click', () => {\r\n            isMetric = true;\r\n            metricBtn.classList.add('active');\r\n            imperialBtn.classList.remove('active');\r\n            updateLabels();\r\n            calculatePace();\r\n        });\r\n\r\n        imperialBtn.addEventListener('click', () => {\r\n            isMetric = false;\r\n            imperialBtn.classList.add('active');\r\n            metricBtn.classList.remove('active');\r\n            updateLabels();\r\n            calculatePace();\r\n        });\r\n\r\n        function updateLabels() {\r\n            const paceResult = document.getElementById('paceResult');\r\n            const speedResult = document.getElementById('speedResult');\r\n            paceResult.textContent = `--:-- \/${isMetric ? 'km' : 'mi'}`;\r\n            speedResult.textContent = `-- ${isMetric ? 'km\/h' : 'mph'}`;\r\n        }\r\n\r\n        function calculatePace() {\r\n            const distance = parseFloat(document.getElementById('distance').value);\r\n            const hours = parseInt(document.getElementById('hours').value) || 0;\r\n            const minutes = parseInt(document.getElementById('minutes').value) || 0;\r\n            const seconds = parseInt(document.getElementById('seconds').value) || 0;\r\n\r\n            if (!distance || (hours === 0 && minutes === 0 && seconds === 0)) {\r\n                alert('Please enter both distance and time');\r\n                return;\r\n            }\r\n\r\n            const totalTimeInSeconds = hours * 3600 + minutes * 60 + seconds;\r\n            const paceInSecondsPerUnit = totalTimeInSeconds \/ distance;\r\n            const speedInUnitsPerHour = (distance \/ totalTimeInSeconds) * 3600;\r\n\r\n            \/\/ Calculate pace minutes and seconds\r\n            const paceMinutes = Math.floor(paceInSecondsPerUnit \/ 60);\r\n            const paceSeconds = Math.floor(paceInSecondsPerUnit % 60);\r\n\r\n            \/\/ Update results\r\n            document.getElementById('paceResult').textContent = \r\n                `${paceMinutes}:${paceSeconds.toString().padStart(2, '0')} \/${isMetric ? 'km' : 'mi'}`;\r\n            document.getElementById('speedResult').textContent = \r\n                `${speedInUnitsPerHour.toFixed(2)} ${isMetric ? 'km\/h' : 'mph'}`;\r\n\r\n            \/\/ Update visualization\r\n            updateChart(distance, totalTimeInSeconds);\r\n        }\r\n\r\n        function updateChart(distance, totalTime) {\r\n            const canvas = document.getElementById('paceChart');\r\n            const ctx = canvas.getContext('2d');\r\n            \r\n            \/\/ Clear previous chart\r\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n            \r\n            \/\/ Set canvas size\r\n            canvas.width = canvas.offsetWidth;\r\n            canvas.height = canvas.offsetHeight;\r\n            \r\n            \/\/ Calculate splits\r\n            const splits = 5;\r\n            const splitDistance = distance \/ splits;\r\n            const splitTime = totalTime \/ splits;\r\n            \r\n            \/\/ Draw chart\r\n            ctx.beginPath();\r\n            ctx.strokeStyle = '#2a5298';\r\n            ctx.lineWidth = 3;\r\n            \r\n            \/\/ Plot points\r\n            for (let i = 0; i <= splits; i++) {\r\n                const x = (canvas.width * i) \/ splits;\r\n                const y = canvas.height - (canvas.height * (i * splitTime) \/ totalTime);\r\n                \r\n                if (i === 0) {\r\n                    ctx.moveTo(x, y);\r\n                } else {\r\n                    ctx.lineTo(x, y);\r\n                }\r\n                \r\n                \/\/ Draw point\r\n                ctx.beginPath();\r\n                ctx.arc(x, y, 5, 0, Math.PI * 2);\r\n                ctx.fillStyle = '#1e3c72';\r\n                ctx.fill();\r\n            }\r\n            \r\n            \/\/ Draw grid\r\n            ctx.strokeStyle = '#eee';\r\n            ctx.lineWidth = 1;\r\n            \r\n            \/\/ Vertical lines\r\n            for (let i = 0; i <= splits; i++) {\r\n                const x = (canvas.width * i) \/ splits;\r\n                ctx.beginPath();\r\n                ctx.moveTo(x, 0);\r\n                ctx.lineTo(x, canvas.height);\r\n                ctx.stroke();\r\n            }\r\n            \r\n            \/\/ Horizontal lines\r\n            for (let i = 0; i <= 4; i++) {\r\n                const y = (canvas.height * i) \/ 4;\r\n                ctx.beginPath();\r\n                ctx.moveTo(0, y);\r\n                ctx.lineTo(canvas.width, y);\r\n                ctx.stroke();\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize labels\r\n        updateLabels();\r\n    <\/script>\r\n<\/center>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1714","post","type-post","status-publish","format-standard","hentry","category-convert"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Running Pace Calculator - DonHit<\/title>\n<meta name=\"description\" content=\"What Is a Running Pace Calculator? A running pace calculator is an online tool designed to help runners determine their pace based on distance and time.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/donhit.com\/en\/convert\/running-pace\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Running Pace Calculator - DonHit\" \/>\n<meta property=\"og:description\" content=\"What Is a Running Pace Calculator? A running pace calculator is an online tool designed to help runners determine their pace based on distance and time.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/donhit.com\/en\/convert\/running-pace\/\" \/>\n<meta property=\"og:site_name\" content=\"DonHit - World of Tools\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-26T13:00:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T04:16:45+00:00\" \/>\n<meta name=\"author\" content=\"DonHit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DonHit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Running Pace Calculator - DonHit","description":"What Is a Running Pace Calculator? A running pace calculator is an online tool designed to help runners determine their pace based on distance and time.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/donhit.com\/en\/convert\/running-pace\/","og_locale":"en_US","og_type":"article","og_title":"Running Pace Calculator - DonHit","og_description":"What Is a Running Pace Calculator? A running pace calculator is an online tool designed to help runners determine their pace based on distance and time.","og_url":"https:\/\/donhit.com\/en\/convert\/running-pace\/","og_site_name":"DonHit - World of Tools","article_published_time":"2024-12-26T13:00:52+00:00","article_modified_time":"2025-02-06T04:16:45+00:00","author":"DonHit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DonHit","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/#article","isPartOf":{"@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/"},"author":{"name":"DonHit","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"headline":"Running Pace Calculator","datePublished":"2024-12-26T13:00:52+00:00","dateModified":"2025-02-06T04:16:45+00:00","mainEntityOfPage":{"@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"articleSection":["Conversion Calculators"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/donhit.com\/en\/convert\/running-pace\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/","url":"https:\/\/donhit.com\/en\/convert\/running-pace\/","name":"Running Pace Calculator - DonHit","isPartOf":{"@id":"https:\/\/donhit.com\/en\/#website"},"datePublished":"2024-12-26T13:00:52+00:00","dateModified":"2025-02-06T04:16:45+00:00","description":"What Is a Running Pace Calculator? A running pace calculator is an online tool designed to help runners determine their pace based on distance and time.","breadcrumb":{"@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/donhit.com\/en\/convert\/running-pace\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/donhit.com\/en\/convert\/running-pace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/donhit.com\/en\/"},{"@type":"ListItem","position":2,"name":"Conversion Calculators","item":"https:\/\/donhit.com\/en\/category\/convert\/"},{"@type":"ListItem","position":3,"name":"Running Pace Calculator"}]},{"@type":"WebSite","@id":"https:\/\/donhit.com\/en\/#website","url":"https:\/\/donhit.com\/en\/","name":"DonHit - World of tools","description":"","publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/donhit.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148","name":"DonHit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","contentUrl":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","width":400,"height":267,"caption":"DonHit"},"logo":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/"},"description":"DonHit is a website designed to provide useful tools for everyone. Its primary goal is to support and empower the community. All the tools available on the site are completely free to use.","sameAs":["https:\/\/donhit.com\/en"],"url":"https:\/\/donhit.com\/en\/author\/admin_don\/"}]}},"_links":{"self":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/comments?post=1714"}],"version-history":[{"count":3,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1714\/revisions"}],"predecessor-version":[{"id":2046,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1714\/revisions\/2046"}],"wp:attachment":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/media?parent=1714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/categories?post=1714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/tags?post=1714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}