×

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

<> /* --- 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 DubaiUnited Arab Emirates 🇦🇪

12 1 2 3 4 5 6 7 8 9 10 11
06:42:26 GMT+4
Thursday1 January 2026

Lat/Long: 25.08° N, 55.31° E

Emirate: Dubai

Country: 🇦🇪 United Arab Emirates

IANA Timezone: Asia/Dubai

UTC Offset: +04:00

Timezone: GMT+4

Daylight Saving Time: No

<> .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 Dubai

🌅 Sunrise in Dubai
N/A
🌇 Sunset in Dubai
N/A
Day Length
10h 36m
🌄 Dawn in Dubai
N/A
🌆 Dusk in Dubai
N/A

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

Moon Phases & Times for Dubai

🌔 Current Phase
Waxing Gibbous
💡 Illumination
92.1%
🌕 Next Moonrise
Today15:27
🌑 Next Moonset
Tomorrow05:55

View the detailed moon calendar for Dubai 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
Thursday1 January 2026

Time now in other major cities in 🇦🇪 United Arab Emirates:

Abu Dhabi · Sharjah · Al Ain City · Ajman City · Ras Al Khaimah City · Musaffah · Al Fujairah City · Khalifah A City · Reef Al Fujairah City · Bani Yas City · Zayed City · Umm Al Quwain City · Al Shamkhah City · Khawr Fakkān

Time now in cities in neighbouring countries:

🇸🇦 Saudi Arabia:

Riyadh · Jeddah · Mecca · Medina · Dammam · Sulţānah · Buraydah · Ta’if · Tabuk · Ha'il · Najrān · Al Kharj · Khamis Mushait · Al Hufūf · Al Mubarraz · Hafar Al-Batin · Al Jubayl · Abha · Yanbu · Khobar · Arar · Sakakah · Az Zulfī · Jizan · Qurayyat · Sabt Alalayah · Dhahran ·

🇴🇲 Oman:

Muscat · Seeb · Bawshar · ‘Ibrī · Şalālah · Şaḩam · Rustaq · Sohar · As Suwayq

Free widgets for webmasters:

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