{"id":14,"date":"2023-03-27T00:29:05","date_gmt":"2023-03-27T00:29:05","guid":{"rendered":"http:\/\/localhost:4034\/?page_id=14"},"modified":"2024-01-01T19:30:16","modified_gmt":"2024-01-01T19:30:16","slug":"schedule","status":"publish","type":"page","link":"http:\/\/localhost:4034\/","title":{"rendered":"Clinton Ferry Schedule 2024"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/ferryriders.com\/wa\/mukilteo-clinton\/\" target=\"_blank\" rel=\"noreferrer noopener\">Clinton Ferry<\/a>, operated by the Washington State Ferries division of the Washington State Department of Transportation, is a daily ferry service between Clinton, WA and Mukilteo, WA. The route is served by the MV Kitsap and MV Tokitae vessels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next Clinton Ferry Times<\/h2>\n\n\n\n<div class=\"row\">\n    <div id=\"nextFerryFromClinton\">Next Ferry is &#8230;<\/div>\n  <\/div>\n  <style>\n  .row {\n    cursor: pointer;\n    float: center;\n    display: block;\n    padding: 12px 12px;\n    min-width: 270px;\n    border: 4px solid #0a94e4!important;\n    border-radius: 10px;\n  }\n  .closest-row {\n      color: white;\n      font-weight: bold;\n      background-color: #0a94e4!important;\n  }\n  <\/style>\n  <script>\n    function parseTimeString(timeString) {\n        const timeComponents = timeString.match(\/(\\d+):(\\d+)\\s?(AM|PM)\/i);\n        if(!timeComponents){\n            console.warn(\"No valid date-times were found in the table.\");\n        }\n        let hours = parseInt(timeComponents[1], 10);\n        const minutes = parseInt(timeComponents[2], 10);\n        const period = timeComponents[3].toUpperCase();\n  \n        if (hours === 12) {\n            hours = period === \"PM\" ? 12 : 0;\n        } else if (period === \"PM\") {\n            hours += 12;\n        }\n  \n        return { hours, minutes };\n    }\n    function isWeekend(date) {\n        const day = date.getDay();\n        return day === 0 || day === 6;\n    }\n    function isWeekday() {\n        const currentDate = new Date();\n        const dayOfWeek = currentDate.getDay();\n  \n        \/\/ Sunday is 0, Saturday is 6, so weekdays are 1 through 5\n        return dayOfWeek >= 1 && dayOfWeek <= 5;\n    }\n    function isHoliday(date) {\n        const holidays = \"2023-01-01,2023-01-17,2023-02-21,2023-05-30,2023-06-19,2023-07-04,2023-09-05,2023-11-11,2023-11-24,2023-11-24,2023-12-25\"; \/\/ Comma-separated list of holiday dates in YYYY-MM-DD format\n        const dateStr = date.toISOString().slice(0, 10);\n  \n        return holidays.split(\",\").includes(dateStr);\n    }\n  \n    function isValidDateTime(date, condition) {\n        const day = date.getDay();\n  \n        switch (condition) {\n            case \"M-FxH\":\n                return isWeekday() || !isHoliday(date); \/\/ Monday through Friday except Holiday\n            case \"SSH\":\n                return isWeekend(date) || isHoliday(date); \/\/ Saturdays, Sundays and Holidays only\n            case \"Sat\":\n                return day === 6; \/\/ Saturdays only\n            default:\n                return true;\n        }\n    }\n      \n    function formatHoursTo12(date) {\n        return date.getHours() % 12 || 12;\n    }\n      \n    function formatDate(date) {\n        const hours = String((date.getHours() % 12 || 12));\n        const minutes = String(date.getMinutes()).padStart(2, \"0\");\n        const day = String(date.getDate()).padStart(2, \"0\");\n        const month = String(date.getMonth() + 1).padStart(2, \"0\");\n        const year = date.getFullYear();\n  \n        return `${hours}:${minutes}`;\n    }\n  \n    function findNextDateTime(tableId, resultDivId, title, columnNumber = 1) {\n        const table = document.getElementById(tableId);\n        const rows = table.querySelectorAll(\"tr\");\n        const currentTime = new Date();\n        const resultDiv = document.getElementById(resultDivId);\n  \n        let closestDateTime = null;\n        let closestDiff = Infinity;\n        let closestRow = null;\n      \n        addClickListeners(tableId, resultDivId);\n  \n        rows.forEach(row => {\n            const cellElem = row.querySelector(`td:nth-child(${columnNumber})`);\n              \n            if (cellElem) {\n                const cellText = cellElem.innerText.trim();\n                const timeRegex = \/(\\d{1,2}:\\d{2}\\s*(?:AM|PM))\\s*(M-FxH|SSH|Sat)?\/gi;\n                const match = timeRegex.exec(cellText);\n  \n                if (match) {\n                    const timeString = match[1];\n                    const condition = match[2] || \"\";\n                    const { hours, minutes } = parseTimeString(timeString);\n  \n                    let dateObj = new Date(currentTime.getFullYear(), currentTime.getMonth(), currentTime.getDate(), hours, minutes);\n    \n                    \/\/ If the time is in the past, add 1 day to consider it for the next day\n                    if (dateObj < currentTime) {\n                        dateObj.setDate(dateObj.getDate() + 1);\n                    }\n  \n                    while (!isValidDateTime(dateObj, condition)) {\n                        dateObj.setDate(dateObj.getDate() + 1);\n                    }\n  \n                    const diff = dateObj - currentTime;\n  \n                    if (diff < closestDiff) {\n                        closestDateTime = dateObj;\n                        closestDiff = diff;\n                        closestRow = row;\n                    }\n                }\n            }\n        });\n  \n        if (closestDateTime) {\n            const nextDateTime = formatDate(closestDateTime);\n            const remainingMinutes = Math.round(closestDiff \/ (1000 * 60));\n            resultDiv.innerHTML = `The next ferry <strong>${title}<\/strong> is in<br \/><strong>${remainingMinutes} minutes<\/strong> at ${nextDateTime}.`;\n            \/\/ Change the background color of the closestRow\n            closestRow.classList.add(\"closest-row\");\n        } else {\n            console.warn(\"No valid date-times were found in the table.\");\n        }\n    }\n  \n    function initClinton() {\n        findNextDateTime(\"footable_28\", \"nextFerryFromClinton\", \"from Clinton\");\n    }\n    function initMain(){\n        initClinton()\n    }\n    function scrollToClosestRow(tableId) {\n        const table = document.getElementById(tableId);\n        const row = table.querySelector(\"tr.closest-row\");\n  \n        console.log('row', row)\n        if (row) {\n            row.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n        }\n    }\n    function addClickListeners(tableId, resultDivId) {\n        const column1 = document.getElementById(resultDivId);\n        column1.addEventListener(\"click\", () => scrollToClosestRow(tableId));\n    }\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/VERY IMPORTANT THAT NINJA TABLES IS IN RENDERING MODE LEGACY!!\n        initMain();\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Clinton to Mukilteo Ferry Schedule<\/h2>\n\n\n\n<div id=\"footable_parent_28\"\n         class=\" footable_parent ninja_table_wrapper loading_ninja_table wp_table_data_press_parent semantic_ui \">\n                <table data-ninja_table_instance=\"ninja_table_instance_0\" data-footable_id=\"28\" data-filter-delay=\"1000\" aria-label=\"Clinton to Mukilteo\"            id=\"footable_28\"\n           data-unique_identifier=\"ninja_table_unique_id_2020480471_28\"\n           class=\" foo-table ninja_footable foo_table_28 ninja_table_unique_id_2020480471_28 ui table  nt_type_legacy_table fixed selectable celled striped compact vertical_centered  footable-paging-right ninja_table_search_disabled ninja_table_pro\">\n                <colgroup>\n                            <col class=\"ninja_column_0 \">\n                    <\/colgroup>\n        <thead>\n<tr class=\"footable-header\">\n                        <th scope=\"col\"  class=\"ninja_column_0 ninja_clmn_nm_depart_seattle \">Depart Clinton<\/th><\/tr>\n<\/thead>\n<tbody>\n\n        <tr data-row_id=\"73\" class=\"ninja_table_row_0 nt_row_id_73\">\n            <td>4:40 AM M-FxH<\/td>        <\/tr>\n            <tr data-row_id=\"74\" class=\"ninja_table_row_1 nt_row_id_74\">\n            <td>5:05 AM M-FxH<\/td>        <\/tr>\n            <tr data-row_id=\"75\" class=\"ninja_table_row_2 nt_row_id_75\">\n            <td>5:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"76\" class=\"ninja_table_row_3 nt_row_id_76\">\n            <td>6:00 AM M-FxH<\/td>        <\/tr>\n            <tr data-row_id=\"77\" class=\"ninja_table_row_4 nt_row_id_77\">\n            <td>6:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"78\" class=\"ninja_table_row_5 nt_row_id_78\">\n            <td>7:00 AM M-FxH<\/td>        <\/tr>\n            <tr data-row_id=\"79\" class=\"ninja_table_row_6 nt_row_id_79\">\n            <td>7:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"80\" class=\"ninja_table_row_7 nt_row_id_80\">\n            <td>8:00 AM<\/td>        <\/tr>\n            <tr data-row_id=\"81\" class=\"ninja_table_row_8 nt_row_id_81\">\n            <td>8:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"82\" class=\"ninja_table_row_9 nt_row_id_82\">\n            <td>9:00 AM<\/td>        <\/tr>\n            <tr data-row_id=\"83\" class=\"ninja_table_row_10 nt_row_id_83\">\n            <td>9:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"84\" class=\"ninja_table_row_11 nt_row_id_84\">\n            <td>10:00 AM<\/td>        <\/tr>\n            <tr data-row_id=\"85\" class=\"ninja_table_row_12 nt_row_id_85\">\n            <td>10:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"86\" class=\"ninja_table_row_13 nt_row_id_86\">\n            <td>11:00 AM<\/td>        <\/tr>\n            <tr data-row_id=\"87\" class=\"ninja_table_row_14 nt_row_id_87\">\n            <td>11:30 AM<\/td>        <\/tr>\n            <tr data-row_id=\"88\" class=\"ninja_table_row_15 nt_row_id_88\">\n            <td>12:00 PM<\/td>        <\/tr>\n            <tr data-row_id=\"89\" class=\"ninja_table_row_16 nt_row_id_89\">\n            <td>12:30 PM<\/td>        <\/tr>\n            <tr data-row_id=\"90\" class=\"ninja_table_row_17 nt_row_id_90\">\n            <td>1:00 PM<\/td>        <\/tr>\n            <tr data-row_id=\"91\" class=\"ninja_table_row_18 nt_row_id_91\">\n            <td>1:30 PM<\/td>        <\/tr>\n            <tr data-row_id=\"92\" class=\"ninja_table_row_19 nt_row_id_92\">\n            <td>2:00 PM<\/td>        <\/tr>\n            <tr data-row_id=\"93\" class=\"ninja_table_row_20 nt_row_id_93\">\n            <td>2:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"94\" class=\"ninja_table_row_21 nt_row_id_94\">\n            <td>3:05 PM<\/td>        <\/tr>\n            <tr data-row_id=\"95\" class=\"ninja_table_row_22 nt_row_id_95\">\n            <td>3:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"96\" class=\"ninja_table_row_23 nt_row_id_96\">\n            <td>4:05 PM<\/td>        <\/tr>\n            <tr data-row_id=\"97\" class=\"ninja_table_row_24 nt_row_id_97\">\n            <td>4:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"98\" class=\"ninja_table_row_25 nt_row_id_98\">\n            <td>5:05 PM<\/td>        <\/tr>\n            <tr data-row_id=\"99\" class=\"ninja_table_row_26 nt_row_id_99\">\n            <td>5:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"100\" class=\"ninja_table_row_27 nt_row_id_100\">\n            <td>6:05 PM<\/td>        <\/tr>\n            <tr data-row_id=\"101\" class=\"ninja_table_row_28 nt_row_id_101\">\n            <td>6:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"102\" class=\"ninja_table_row_29 nt_row_id_102\">\n            <td>7:05 PM<\/td>        <\/tr>\n            <tr data-row_id=\"103\" class=\"ninja_table_row_30 nt_row_id_103\">\n            <td>7:35 PM<\/td>        <\/tr>\n            <tr data-row_id=\"104\" class=\"ninja_table_row_31 nt_row_id_104\">\n            <td>8:00 PM<\/td>        <\/tr>\n            <tr data-row_id=\"105\" class=\"ninja_table_row_32 nt_row_id_105\">\n            <td>8:30 PM<\/td>        <\/tr>\n            <tr data-row_id=\"106\" class=\"ninja_table_row_33 nt_row_id_106\">\n            <td>9:00 PM SSH<\/td>        <\/tr>\n            <tr data-row_id=\"107\" class=\"ninja_table_row_34 nt_row_id_107\">\n            <td>9:30 PM Sat<\/td>        <\/tr>\n            <tr data-row_id=\"108\" class=\"ninja_table_row_35 nt_row_id_108\">\n            <td>10:00 PM<\/td>        <\/tr>\n            <tr data-row_id=\"109\" class=\"ninja_table_row_36 nt_row_id_109\">\n            <td>10:30 PM<\/td>        <\/tr>\n            <tr data-row_id=\"110\" class=\"ninja_table_row_37 nt_row_id_110\">\n            <td>11:30 PM<\/td>        <\/tr>\n            <tr data-row_id=\"111\" class=\"ninja_table_row_38 nt_row_id_111\">\n            <td>12:30 AM<\/td>        <\/tr>\n    <\/tbody><!--ninja_tobody_rendering_done-->\n    <\/table>\n                    <style type=\"text\/css\" id='ninja_table_custom_css_28'>\n                        #footable_28  {\n        font-family: inherit;\n        font-size: 14px;\n    }\n\n#footable_28 td.ninja_column_0 { text-align: left; }#footable_28 th.ninja_column_0 { text-align: left; }                <\/style>\n                \n    \n    \n<\/div>\n\n\n\n\n<p>M-FxH = Mondays through Fridays only except Memorial Day; SSH = Saturdays, Sundays and Memorial Day only; Sat = Saturdays only<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions about the Clinton Ferry<\/h2>\n\n\n\n<div class=\"wp-block-wpsp-faq wpsp-faq__outer-wrap wpsp-block-c435dc87 wpsp-faq-icon-row wpsp-faq-layout-accordion wpsp-faq-expand-first-false wpsp-faq-inactive-other-true wpsp-faq-equal-height\" data-faqtoggle=\"true\" role=\"tablist\"><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"@id\":\"http:\/\/localhost:4034\/\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How long is the ferry ride from Clinton to Mukilteo?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The route is approximately 3 miles and takes &lt;strong>20 minutes&lt;\/strong> to cross.\"}},{\"@type\":\"Question\",\"name\":\"How much to ride ferry from Clinton to Mukilteo\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Walk on passengers do not have to pay when traveling from Clinton to Mukilteo. Please see our &lt;a href=\\\"http:\/\/localhost:4034\/fares-tickets\/\\\" data-type=\\\"page\\\" data-id=\\\"31\\\">fares &amp; ticket information&lt;\/a> page for all Clinton ferry prices.\"}},{\"@type\":\"Question\",\"name\":\"How many cars fit in the Clinton - Mukilteo ferry?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Clinton - Mukilteo ferry has capacity for 125 - 144 vehicles.\"}}]}<\/script><div class=\"wpsp-faq__wrap wpsp-buttons-layout-wrap\">\n<div class=\"wp-block-wpsp-faq-child wpsp-faq-child__outer-wrap wpsp-block-df072402\"><div class=\"wpsp-faq-child__wrapper\"><div class=\"wpsp-faq-item\" role=\"tab\" tabindex=\"0\"><div class=\"wpsp-faq-questions-button wpsp-faq-questions\"><span class=\"wpsp-icon wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-icon-active wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-question\">How long is the ferry ride from Clinton to Mukilteo?<\/span><\/div><div class=\"wpsp-faq-content\"><span><p>The route is approximately 3 miles and takes <strong>20 minutes<\/strong> to cross.<\/p><\/span><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-wpsp-faq-child wpsp-faq-child__outer-wrap wpsp-block-a2555c22\"><div class=\"wpsp-faq-child__wrapper\"><div class=\"wpsp-faq-item\" role=\"tab\" tabindex=\"0\"><div class=\"wpsp-faq-questions-button wpsp-faq-questions\"><span class=\"wpsp-icon wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-icon-active wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-question\">How much to ride ferry from Clinton to Mukilteo<\/span><\/div><div class=\"wpsp-faq-content\"><span><p>Walk on passengers do not have to pay when traveling from Clinton to Mukilteo. Please see our <a href=\"http:\/\/localhost:4034\/fares-tickets\/\" data-type=\"page\" data-id=\"31\">fares &amp; ticket information<\/a> page for all Clinton ferry prices.<\/p><\/span><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-wpsp-faq-child wpsp-faq-child__outer-wrap wpsp-block-4a3066af\"><div class=\"wpsp-faq-child__wrapper\"><div class=\"wpsp-faq-item\" role=\"tab\" tabindex=\"0\"><div class=\"wpsp-faq-questions-button wpsp-faq-questions\"><span class=\"wpsp-icon wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-icon-active wpsp-faq-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"wpsp-question\">How many cars fit in the Clinton &#8211; Mukilteo ferry?<\/span><\/div><div class=\"wpsp-faq-content\"><span><p>The Clinton &#8211; Mukilteo ferry has capacity for 125 &#8211; 144 vehicles.<\/p><\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Clinton Ferry, operated by the Washington State Ferries division of the Washington State Department of Transportation, is a daily ferry service between Clinton, WA and Mukilteo, WA. The route is served by the MV Kitsap and MV Tokitae vessels. Next Clinton Ferry Times Next Ferry is &#8230; Clinton to Mukilteo Ferry Schedule M-FxH = &#8230; <a title=\"Clinton Ferry Schedule 2024\" class=\"read-more\" href=\"http:\/\/localhost:4034\/\" aria-label=\"More on Clinton Ferry Schedule 2024\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":140,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":22,"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":165,"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/pages\/14\/revisions\/165"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/media\/140"}],"wp:attachment":[{"href":"http:\/\/localhost:4034\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}