{"id":885,"date":"2026-01-23T19:41:06","date_gmt":"2026-01-23T12:41:06","guid":{"rendered":"https:\/\/geetworld.com\/id\/?p=885"},"modified":"2026-02-04T17:22:43","modified_gmt":"2026-02-04T10:22:43","slug":"kalkulator-durasi-waktu","status":"publish","type":"post","link":"https:\/\/geetworld.com\/id\/kalkulator-durasi-waktu\/","title":{"rendered":"Kalkulator Durasi Waktu"},"content":{"rendered":"<style>.kb-row-layout-id885_730893-42 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id885_730893-42 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id885_730893-42 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id885_730893-42 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id885_730893-42 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id885_730893-42 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id885_730893-42 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>#wrapper.site{overflow:clip;}.kadence-column885_74743e-e2 > .kt-inside-inner-col,.kadence-column885_74743e-e2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column885_74743e-e2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column885_74743e-e2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column885_74743e-e2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column885_74743e-e2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column885_74743e-e2{position:relative;}@media all and (max-width: 1024px){.kadence-column885_74743e-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column885_74743e-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column885_74743e-e2 kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <title>Kalkulator Durasi Waktu<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f8f9fa;\r\n            margin: 20px;\r\n        }\r\n        h2 {\r\n            margin-bottom: 20px;\r\n        }\r\n        .container {\r\n            width: 90%;\r\n            max-width: 400px;\r\n            background: white;\r\n            padding: 20px;\r\n            border-radius: 10px;\r\n            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\r\n            margin: auto;\r\n        }\r\n        label, input {\r\n            display: block;\r\n            width: 100%;\r\n            margin-bottom: 10px;\r\n        }\r\n        button {\r\n            background: #007bff;\r\n            color: white;\r\n            border: none;\r\n            padding: 10px;\r\n            cursor: pointer;\r\n            width: 100%;\r\n            border-radius: 5px;\r\n        }\r\n        button:hover {\r\n            background: #0056b3;\r\n        }\r\n        #hasil {\r\n            margin-top: 15px;\r\n            font-weight: bold;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h2>Kalkulator Durasi Waktu<\/h2>\r\n    <div class=\"container\">\r\n        <label for=\"startTime\">Waktu Mulai:<\/label>\r\n        <input type=\"time\" id=\"startTime\">\r\n        \r\n        <label for=\"endTime\">Waktu Selesai:<\/label>\r\n        <input type=\"time\" id=\"endTime\">\r\n        \r\n        <button onclick=\"hitungDurasi()\">Hitung Durasi<\/button>\r\n        <p id=\"hasil\"><\/p>\r\n    <\/div>\r\n\r\n    <script>\r\n        function hitungDurasi() {\r\n            let start = document.getElementById(\"startTime\").value;\r\n            let end = document.getElementById(\"endTime\").value;\r\n            \r\n            if (!start || !end) {\r\n                document.getElementById(\"hasil\").innerText = \"Silakan masukkan waktu mulai dan selesai.\";\r\n                return;\r\n            }\r\n            \r\n            let startTime = new Date(\"1970-01-01T\" + start + \"Z\");\r\n            let endTime = new Date(\"1970-01-01T\" + end + \"Z\");\r\n            \r\n            if (endTime < startTime) {\r\n                endTime.setDate(endTime.getDate() + 1);\r\n            }\r\n            \r\n            let diff = (endTime - startTime) \/ 1000;\r\n            let jam = Math.floor(diff \/ 3600);\r\n            let menit = Math.floor((diff % 3600) \/ 60);\r\n            \r\n            document.getElementById(\"hasil\").innerText = `Durasi: ${jam} jam ${menit} menit.`;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\n<\/div><\/div>\n\n\n<style>.kadence-column885_79debd-d9 > .kt-inside-inner-col,.kadence-column885_79debd-d9 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column885_79debd-d9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column885_79debd-d9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column885_79debd-d9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column885_79debd-d9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column885_79debd-d9{position:relative;}@media all and (max-width: 1024px){.kadence-column885_79debd-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column885_79debd-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column885_79debd-d9\"><div class=\"kt-inside-inner-col\">\n<p>Kalkulator Durasi Waktu adalah alat sederhana namun penting yang membantu pengguna menghitung selisih waktu antara dua waktu tertentu. Baik Anda melacak jam kerja, merencanakan acara, atau menghitung sesi belajar, alat ini memastikan hasil yang akurat dan cepat.<\/p>\n<h2>Mengapa Ini Penting?<\/h2>\n<p>Manajemen waktu sangat penting dalam kehidupan pribadi dan profesional. Alat seperti ini membantu pengguna:<\/p>\n<ul>\n<li>Menghitung jam kerja untuk proyek penggajian atau lepas.<\/li>\n<li>Menentukan durasi perjalanan.<\/li>\n<li>Melacak waktu rapat atau belajar secara efisien.<\/li>\n<\/ul>\n<h2>Cara Menggunakan Kalkulator<\/h2>\n<ol>\n<li><strong>Masukkan Waktu Mulai<\/strong> \u2013 Masukkan waktu saat acara dimulai.<\/li>\n<li><strong>Masukkan Waktu Berakhir<\/strong> \u2013 Masukkan waktu saat acara berakhir.<\/li>\n<li><strong>Klik &#8220;Hitung Durasi&#8221;<\/strong> \u2013 Alat akan langsung menghitung dan menampilkan total durasi dalam jam dan menit.<\/li>\n<\/ol>\n<p>Kalkulator ini secara otomatis menyesuaikan untuk kasus-kasus di mana waktu berakhirnya sudah lewat tengah malam, memastikan hasil yang akurat. Ini adalah alat yang praktis, mudah digunakan, dan ramah seluler bagi siapa saja yang membutuhkan perhitungan durasi waktu yang cepat.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Kalkulator Durasi Waktu adalah alat sederhana namun penting yang membantu pengguna menghitung selisih waktu antara dua waktu tertentu. Baik Anda&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[117],"tags":[165],"class_list":["post-885","post","type-post","status-publish","format-standard","hentry","category-lainnya","tag-kalkulator-durasi-waktu"],"_links":{"self":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/comments?post=885"}],"version-history":[{"count":0,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/885\/revisions"}],"wp:attachment":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/media?parent=885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/categories?post=885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/tags?post=885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}