使用 JavaScript 的 Intl.DateTimeFormat API 可以精准、自动适配夏令时（BST）与标准时间（GMT），无需手动判断，且支持毫秒级更新，完美解决静态网站中时间“跳入”和时区不准的问题。
使用 javascript 的 `intl.datetimeformat` api 可以精准、自动适配夏令时（bst）与标准时间（gmt），无需手动判断，且支持毫秒级更新，完美解决静态网站中时间“跳入”和时区不准的问题。
要在静态网站上实时、准确地显示英国当前时间（自动识别 BST 或 GMT），推荐使用现代浏览器原生支持的 Intl.DateTimeFormat API —— 它基于 IANA 时区数据库，能智能处理英国夏令时（British Summer Time, BST）切换（每年3月最后一个周日开始，10月最后一个周日结束），完全无需硬编码逻辑或依赖外部服务。
以下为推荐实现方案（简洁、健壮、无闪屏）：
<p><span id="uk-time" class="os-menu__item"></span></p>
const timeEl = document.getElementById("uk-time");
// 配置 UK 本地化格式：短星期、24小时制、含时区缩写（BST/GMT）
const ukOptions = {
weekday: 'short',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false, // 使用 24 小时制（更符合 UK 常见用法）
timeZone: 'Europe/London',
timeZoneName: 'short' // 自动显示 BST 或 GMT
};
const updateUKTime = () => {
const now = new Date();
timeEl.textContent = now.toLocaleString('en-GB', ukOptions);
};
// 立即执行一次，避免首次加载空白（解决“时间跳入”问题）
updateUKTime();
// 每秒更新（注意：实际可设为 1000ms，因 toLocaleString 精度足够）
setInterval(updateUKTime, 1000);✅ 优势说明：
- ✅ 自动时区切换：timeZone: 'Europe/London' 由浏览器底层自动识别 DST 规则，输出 Fri 14:22:05 BST 或 Fri 14:22:05 GMT；
- ✅ 消除闪屏：页面加载后立即调用 updateUKTime()，确保 <span> 初始即有内容，不出现空白延迟；
- ✅ 轻量无依赖：纯原生 JS，兼容所有现代浏览器（Chrome 24+、Firefox 29+、Safari 10+、Edge 12+）；
- ✅ 语义清晰：en-GB 本地化保证日期/时间格式符合英国习惯（如 24:00 而非 00:00）。
⚠️ 注意事项：
- 若需强制显示 UTC/GMT（忽略夏令时），请改用 timeZone: 'UTC'，但此时将失去 BST/GMT 自动标注能力；
- 不建议用 toUTCString() + 正则解析（如答案中第二段代码），因其格式非标准化、易受语言环境干扰，且无法体现 BST；
- 避免使用 getHours()/getMinutes() 手动拼接（如原始代码），它默认返回用户本地时区时间，无法跨时区可靠工作。
总结：用 toLocaleString('en-GB', { timeZone: 'Europe/London', ... }) 是目前最简洁、准确、面向未来的 UK 时间显示方案——一行配置，终身无忧。
