嘿，这种Cookie过期设置不生效的坑我踩过好多次！咱们一步步来排查问题所在：

1. 过期时间格式写错了（最常见！） #

很多人会犯的错：直接给expires传数字或者非UTC格式的时间，浏览器识别不了，就会把这个Cookie当成会话Cookie——也就是默认关闭浏览器才删除的那种。

正确的写法应该是生成一个UTC格式的时间字符串：

// 10秒后过期的正确设置
const expireTime = new Date();
expireTime.setSeconds(expireTime.getSeconds() + 10);
// 一定要加path=/，确保全站生效，避免路径导致的Cookie隔离
document.cookie = "yourCookieName=yourValue; expires=" + expireTime.toUTCString() + "; path=/";

你可以打开浏览器控制台，输入document.cookie，看看实际存储的Cookie有没有正确的过期时间。

2. 试试用max-age替代expires #

max-age是用秒数直接设置过期时间，比expires更直观，也不容易搞混时间格式：

// 同样10秒过期，写法更简洁
document.cookie = "yourCookieName=yourValue; max-age=10; path=/";

现代浏览器都支持这个属性，用这个能避开不少时间格式的坑。

3. 别忘了设置path=/ #

如果没指定path，Cookie只会在当前页面的路径下生效。比如你在/blog页面设置的Cookie，在/根路径下可能看不到，但浏览器依然会存储它。加上path=/能确保Cookie在整个站点生效，也方便统一管理过期规则。

4. 检查浏览器隐私设置 #

有些浏览器的“继续运行后台应用”或者“记住我的登录状态”之类的设置，会让会话Cookie在关闭浏览器后依然留存。你可以切换到无痕模式测试一下，如果无痕模式下Cookie能正常10秒过期，那就是浏览器常规模式的设置在搞鬼。

5. 确认代码真的执行了 #

有时候问题出在代码没跑起来：比如设置Cookie的代码放在了一个没触发的函数里，或者DOM还没加载完成就执行了。你可以在设置Cookie的代码后面加个console.log(document.cookie)，看看控制台有没有输出你设置的Cookie内容，确认代码确实执行了。

先对照这些点检查你的代码，应该能找到问题所在！

内容的提问来源于stack exchange，提问作者Caaaaa