HTML5的不支持密码过期提醒，该功能需后端提供password_expires_at字段，前端通过接口获取UTC时间并定时比对，活跃时触发提示或强制改密，避免依赖localStorage。
HTML5本身不支持密码过期提醒
HTML5的 <input type="password"> 只负责表单输入，没有内置机制检测密码有效期或触发提醒。所谓“密码过期”是后端业务逻辑（比如用户表里存了 password_expired_at 字段），前端最多配合做提示，不能自主决定或强制改密。
前端定时检查并弹出改密提示的常见做法
需要结合后端接口返回的密码过期时间（如 ISO 格式字符串 "2025-06-15T08:00:00Z"），在页面加载后启动倒计时或到期检查：
- 用
setTimeout或setInterval定期比对当前时间与password_expires_at - 建议只在用户活跃时检查（避免后台标签页误触发），可用
document.hidden+visibilitychange事件控制 - 到期前 24 小时开始提示（例如显示 banner），到期后强制跳转到
/change-password或禁用关键操作按钮 - 注意时区：后端应统一返回 UTC 时间，前端用
new Date().getTime()对比，避免本地时区偏差导致误判
避免在 localStorage 存密码过期时间的坑
有些方案把过期时间存在 localStorage 里，看似省事，但有明显问题：
- 用户清缓存后时间丢失，提醒失效
- 多设备登录时不同步（A 设备改密后，B 设备仍按旧时间提醒）
- 无法应对管理员后台强制重置密码的场景（此时过期时间已无效）
正确做法是每次页面加载时调用 /api/user/profile 等接口获取最新 password_expires_at 值，再初始化定时逻辑。
立即学习“前端免费学习笔记（深入）”；
简单可运行的倒计时提示示例
function startPasswordExpiryCheck(expiresAtISO) {
const expiresAt = new Date(expiresAtISO).getTime();
const now = Date.now();
const ONE_DAY = 24 * 60 * 60 * 1000;
<p>if (expiresAt - now <= 0) {
showForceChangeModal();
return;
}</p><p>if (expiresAt - now <= ONE_DAY) {
showReminderBanner();
}</p><p>setTimeout(() => {
startPasswordExpiryCheck(expiresAtISO); // 递归检查，避免 setInterval 内存泄漏
}, 60000); // 每分钟查一次
}这个逻辑轻量、无依赖，适合嵌入已有登录态管理模块。真正复杂的是服务端如何生成和更新那个 expiresAtISO —— 这部分必须由认证系统（如 JWT payload、session DB 字段）统一维护，前端只是忠实反映。
