×

注意！页面内容来自https://time.now/chicago/，本站不储存任何内容，为了更好的阅读体验进行在线解析，若有广告出现，请及时反馈。若您觉得侵犯了您的利益，请通知我们进行删除，然后访问 原网页

<> /* --- Breadcrumb Bar Styling --- */ .breadcrumb-container { padding: 10px 15px; background-color: #f8f9fa; /* A light greymatching your other elements */ border-bottom: 0px solid #dee2e6; margin: 0 auto; /* Ensures it centers within the max-width */ width: 100%; max-width: 1100px; } .breadcrumb { margin-bottom: 0; /* Remove default bottom margin from Bootstrap's breadcrumb */ font-size: 0.9rem; /* Slightly smaller font for distinction */ } .breadcrumb-item a { text-decoration: none; color: #007bff; } .breadcrumb-item a:hover { text-decoration: underline; } .breadcrumb-item.active { color: #6c757d; /* Muted color for the current page */ } /* By defaultthe suffix is shown */ .breadcrumb-city-suffix { display: inline; /* Default display behavior */ } /* On smaller screenshide the city suffix in the last active breadcrumb item. Adjust the max-width value to the point where the text becomes too long. 575px is a common breakpoint for very small screens (like Bootstrap's 'sm' breakpoint ends). You might want 767px or something custom. */ @media (max-width: 575px) { .breadcrumb > .breadcrumb-item:last-child.active .breadcrumb-city-suffix { display: none; } }
<> /* ================================================= */ /* CITY SUB-NAVIGATION STYLES (BOXED) */ /* ================================================= */ .city-subnav-container { display: flex; flex-wrap: wrap; /* Default: allows wrapping on larger screens */ width: 100%; box-sizing: border-box; /* Setting a base font-size here helps em units within the component */ font-size: 1rem; /* Approx 16pxadjust if your site's base is different */ } .city-subnav-link { flex-grow: 1; /* On desktopitems can grow to fill space if few */ flex-basis: 0; /* On desktopitems can grow from a base of 0 */ min-width: 120px; /* Desktop: aiming for ~4-5 items before wrapping */ display: flex; /* flex-direction: column; /* Default: Icon above text */ /* MODIFIED */ flex-direction: row; /* MODIFIED: Icon and text on the same line */ align-items: center; /* Vertically aligns icon and text in the row */ justify-content: center; /* Horizontally centers the icon-text group */ padding: 2px 2px; /* Default padding - you might want to adjust this for row layout e.g.padding: 8px 12px; */ font-size: 0.85em; /* Relative to container's font-size */ font-weight: 500; color: #1f2937; text-decoration: none; text-align: center; /* Centers text if it wraps; justify-content handles group centering */ background-color: #f9fafb; /* Default background */ /* Default borders: each item gets a bottom and left */ border-bottom: 1px solid #d1d5db; border-left: 1px solid #d1d5db; box-sizing: border-box; transition: background-color 0.2s ease-in-outcolor 0.2s ease-in-out; min-height: 43px; /* Default min-heightensures clickable area */ } /* Remove left border from the very first item in the container */ .city-subnav-container > .city-subnav-link:first-child { border-left: none; } .city-subnav-link:hover { background-color: #f3f4f6; color: #111827; } .city-subnav-link.active { background-color: #3b82f6; color: white; font-weight: 600; border-bottom-color: #2563eb; border-left-color: #2563eb; /* Active link's left border color */ } /* If active link is the first childits left border is 'none'. */ .city-subnav-container > .city-subnav-link.active:first-child { border-left-color: transparent; /* Or ensure it matches non-active first-child if it had a color */ } .city-subnav-link.active:hover { background-color: #2563eb; /* Darker blue on hover for active */ } .city-subnav-icon { /* margin-bottom: 4px; /* Default: space below icon when text is underneath */ /* MODIFIED */ margin-bottom: 0; /* MODIFIED: No bottom margin in row layout */ margin-right: 8px; /* ADDED: Space between icon and text */ font-size: 1.3em; /* Relative to link's font-size */ line-height: 1; } /* ================================================= */ /* MOBILE HORIZONTAL SCROLLING STYLES (TABLET DOWN) */ /* ================================================= */ /* ADD THESE STYLES FOR RESPONSIVE SUN TEXT */ .sun-text-mobile { display: none; } /* Hidden by default (on desktop) */ .sun-text-desktop { display: inline; } /* Shown by default (on desktop) */ /* ================================================= */ /* MOBILE HORIZONTAL SCROLLING STYLES (TABLET DOWN) */ /* ================================================= */ @media (max-width: 768px) { /* ADD THESE STYLES INSIDE THE MEDIA QUERY */ .sun-text-mobile { display: inline; } /* Show short text on mobile */ .sun-text-desktop { display: none; } /* Hide long text on mobile */ @media (max-width: 768px) { .city-subnav-container { display: flex; /* DO NOT TOUCH - Per user request */ flex-wrap: nowrap !important; /* DO NOT TOUCH - Per user request */ overflow-x: auto !important; /* DO NOT TOUCH - Per user request */ width: 100%; /* DO NOT TOUCH - Per user request */ box-sizing: border-box; /* DO NOT TOUCH - Per user request */ min-height: 38px; /* Make sure container has some height - Per user request */ font-size: 1rem; /* ADDED: Base for em units in children on mobile */ -ms-overflow-: none; /* DO NOT TOUCH - Per user request */ scrollbar-width: none; /* DO NOT TOUCH - Per user request */ } .city-subnav-container::-webkit-scrollbar { display: none; /* DO NOT TOUCH - Per user request */ } .city-subnav-link { display: flex; flex-direction: row; /* Icon side-by-side with text */ align-items: center; justify-content: center; /* was flex-start ************** 'center' */ /* flex-grow: 1; deleted */ flex-shrink: 0; /* flex-basis: 0; deleted */ width: 110px; /* min-width become width ************** */ min-height: 40px; padding: 8px 12px; margin: 0; white-space: nowrap; font-size: 0.8em; font-weight: 500; color: #1f2937; background-color: #f9fafb; text-decoration: none; box-sizing: border-box; border: none; border-bottom: 1px solid #d1d5db; border-left: 1px solid #d1d5db; } .city-subnav-container > .city-subnav-link:first-child { border-left: none; } .city-subnav-icon { margin-bottom: 0; /* Icon is side-by-side */ margin-right: 8px; /* Space between icon and text */ font-size: 1.1em; line-height: 1; color: #1f2937; } .city-subnav-link.active { background-color: #3b82f6; color: white; font-weight: 600; border-bottom-color: #2563eb; border-left-color: #2563eb; } .city-subnav-container > .city-subnav-link.active:first-child { border-left-color: transparent; } } @media (max-width: 576px) { .city-subnav-link { min-width: 100px; min-height: 38px; padding: 6px 10px; font-size: 0.75em; } .city-subnav-icon { font-size: 1em; margin-right: 6px; } } @media (max-width: 420px) { .city-subnav-link { min-width: 95px; min-height: 36px; padding: 5px 8px; font-size: 0.7em; } .city-subnav-icon { font-size: 0.95em; margin-right: 5px; } }

📅 Setting up meetings across time zones? Use our Event Planner for seamless coordination!

Current Time in ChicagoUnited States 🇺🇸

12 1 2 3 4 5 6 7 8 9 10 11
12:46:34 CST
Wednesday10 December 2025
Fullscreen ⛶
Show 12-hour format

Lat/Long: 41.85° N, 87.65° W

State: Illinois

Country: 🇺🇸 United States

IANA Timezone: America/Chicago

UTC Offset: −06:00

Timezone: CST

Daylight Saving Time: No ❌

Standard Timezone Abbreviations used in United States: AKST CST EST HST MST PST

Daylight Saving Timezone Abbreviations used in United States: AKDT CDT EDT HDT MDT PDT

Time now in other cities in United States:

Albuquerque Anaheim Anchorage Arlington Atlanta Aurora Austin Bakersfield Baltimore Boston Brooklyn Charlotte Chula Vista Cincinnati Cleveland Colorado Springs Columbus Corpus Christi Dallas Denver Detroit El Paso Fort Worth Framingham Center Franklin Frederick Fremont Fresno Frisco Greensboro Henderson Honolulu Houston Indianapolis Ironville Jacksonville Jersey City Kansas City Las Vegas Lexington-Fayette Lincoln Long Beach Los Angeles Manhattan Meads Memphis Mesa Miami Milwaukee Minneapolis Nashville New Orleans New South Memphis New York City Newark Oakland Oklahoma City Omaha Orlando Philadelphia Phoenix Pittsburgh Plano Portland Queens Raleigh Riverside Sacramento San Antonio San Diego San Francisco Seattle South Boston St. Louis Staten Island Stockton Tampa The Bronx Toledo Tucson Tulsa Virginia Beach Washington WashingtonD.C. West Raleigh Wichita
<> .weather-attribution { margin-top: 0px; padding: 3px 0; text-align: left; font-size: 12px; color: #6b7280; border-top: 1px solid rgba(2552552550.1); background: linear-gradient(135degrgba(2552552550.02) 0%rgba(2552552550.05) 100%); border-radius: 8px; backdrop-filter: blur(10px); } .weather-attribution a { color: #60a5fa; text-decoration: none; font-weight: 500; transition: all 0.3s ease; position: relative; } .weather-attribution a:hover { color: #93c5fd; text-shadow: 0 0 8px rgba(961652500.3); } .weather-attribution a:before { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 50%; background: linear-gradient(90degtransparent#60a5fatransparent); transition: all 0.3s ease; transform: translateX(-50%); } .weather-attribution a:hover:before { width: 100%; }

Sunrise & Sunset Times for Chicago
🌅 Sunrise in Chicago
↑ 7:07 AM
🌇 Sunset in Chicago
↓ 4:19 PM
⏳ Day Length
9h 11m
🌄 Dawn in Chicago
6:35 AM
🌆 Dusk in Chicago
4:51 PM

View detailed past and future sunrisesunsetand twilight times for Chicago. Track daylight hourssun phasesand more.

Moon Phases & Times for Chicago
🌖 Current Phase
Waning Gibbous
💡 Illumination
61.1%
🌕 Next Moonrise
↑ Today22:58
🌑 Next Moonset
↓ Tomorrow11:57

View the detailed moon calendar for Chicago with moonphasesmoonriseand moonset times for any date.

<> .other-cities-section { margin-top: 30px; margin-bottom: 20px; } .other-cities-section h2 { margin-bottom: 15px; font-size: 1.4em; color: #333; } .city-tags-container { display: flex; flex-wrap: wrap; gap: 8px; } .city-tag { display: inline-block; padding: 8px 16px; background-color: #f0f4f8; color: #2c3e50; text-decoration: none; border-radius: 20px; font-size: 0.9em; font-weight: 500; border: 1px solid #e1e8ed; transition: all 0.2s ease; } .city-tag:hover { background-color: #007bff; color: white; border-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(01232550.2); } .city-tag:active { transform: translateY(0); }
⏱️ Time.now

00:00:00
Wednesday10 December 2025

Time now in other major cities in 🇺🇸 United States:

New York City · Los Angeles · Brooklyn · Houston · Queens · Phoenix · Philadelphia · Manhattan · San Antonio · San Diego · The Bronx · Dallas · Jacksonville · Austin · Fort Worth · Columbus · Indianapolis · Charlotte · San Francisco · Seattle · Denver · WashingtonD.C. · Washington · Nashville · El Paso · Oklahoma City · Detroit · Boston · Portland · New South Memphis · Memphis · Las Vegas · Milwaukee · Baltimore · South Boston · Albuquerque · Tucson · Fresno · Sacramento · Omaha · Kansas City · Long Beach · Mesa · Staten Island · Atlanta · Colorado Springs · Virginia Beach · Raleigh · Miami · Oakland

Free widgets for webmasters:

Free Analog Clock Widget | Free Digital Clock Widget | Free Text Clock Widget | Free Word Clock Widget