使用 JavaScript 的 Intl.DateTimeFormat API 可精准、稳定地实时显示英国（Europe/London）时区时间，自动适配 GMT/BST 切换，并有效避免页面加载时的时间“闪现”问题。
简单直接地说，要在静态网站里稳定、准确地显示实时英国时间（即自动识别当前是夏令时 BST 还是标准时间 GMT），推荐直接采用现代浏览器原生支持的 Intl.DateTimeFormat API。该接口基于 IANA 时区数据库，无需额外引入第三方库，便能智能处理英国每年3月最后一个周日切换至 BST、10月最后一个周日退回 GMT 的规则。
话不多说，直接上最精简、健壮的实现方案：
const timeSpan = document.getElementById("date");
// 配置英国本地化格式：短星期名 + 12小时制时间 + 时区缩写（BST/GMT）
const ukOptions = {
weekday: 'short',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: true,
timeZone: 'Europe/London',
timeZoneName: 'short'
};
const updateUKTime = () => {
const now = new Date();
timeSpan.textContent = now.toLocaleString('en-GB', ukOptions);
};
// 立即执行一次（避免首屏空白或延迟渲染）
updateUKTime();
// 每秒更新（注意：实际精度受 setInterval 限制，但对人眼显示完全足够）
setInterval(updateUKTime, 1000);
这个方案具备几个核心优势，值得注意：
- 自动时区切换：通过设置 timeZone: 'Europe/London'，浏览器底层会自动判断当前是 GMT 还是 BST，无需手动计算或维护切换规则。
- 消除“时间跳入”问题：首次调用 updateUKTime() 立即渲染，页面加载完成时时间已就位，不会出现空白瞬间。
- 语义清晰、可读性强：toLocaleString('en-GB', opts) 返回符合英国习惯的格式，例如 Wed, 3:45:22 PM BST，一目了然。
- 兼容性良好：Chrome 24+、Firefox 29+、Safari 10+、Edge 12+ 均支持。如需兼容 IE，则需引入 formatjs polyfill。
另外，有几点需要留意：
- 切勿依赖
new Date().getHours()等本地时间方法进行“手动偏移”——用户系统时区设置错误、设备时间不准或跨时区访问，都会导致结果偏差。 setInterval(..., 1000)是实用折中方案。若需严格毫秒级同步，可结合 requestAnimationFrame 或服务端时间校准，但静态网站通常无需如此。- 如果只需纯 UTC/GMT 时间（24小时制、无夏令时），可改用
timeZone: 'UTC'并设置hour12: false，更简洁可靠，无需用正则解析 toUTCString()。
最终效果示例（动态更新）：
Thu, 2:18:45 PM BST（夏季）
Sat, 1:55:03 PM GMT（冬季）
该方案轻量、标准、可维护，对于静态网站而言，零依赖、高可靠性与良好用户体验兼得，是目前最干净的做法。
