admin 管理员组

文章数量: 1184232

你可能也遇到过这样的问题：写个setTimeout定时器，结果时间一长，浏览器就开始捣乱。比如你想要设置一个几小时甚至几天的延时，突然发现浏览器不听话了！这时候你就会想，难道浏览器的定时器是有上限的？没错，你没看错，setTimeout其实有个最大值限制，时间一超过这个值，就会出问题。别担心，今天咱们就来聊聊怎么解决这个问题，教你一招轻松搞定超长延时。

 

为什么setTimeout会出问题？

先来说说setTimeout的工作原理。你可以理解为它是一个“闹钟”，你告诉浏览器：“喂，过几秒钟叫我一下！”通常你设置的时间可能就是几秒、几十秒。但如果你设置个比如24小时的延时呢？这就是个大问题，因为浏览器的定时器有个时间上限。这个上限到底是多少呢？根据浏览器的不同实现，它通常是在2147483647毫秒，大概是24.8天左右。

听起来时间已经很长了对吧？但如果你是开发一些长期运行的应用，比如倒计时工具，或者是一个需要在后台运行很久的任务，这个上限可能就远远不够了。一旦超过这个值，定时器可能会立刻触发，完全不按预期来。

举个栗子

假设你想设置一个48小时的延时：

setTimeout(() => {
  console.log("两天后提醒！");
}, 48 * 60 * 60 * 1000);

你觉得两天后会收到提醒？但实际上，因为48小时（即172800000毫秒）超过了最大值2147483647毫秒，这个定时器会立即执行。这种时候，很多开发者就会一头雾水，不知道哪里出了问题。

解决方法：分段计时

既然

本文标签： 不起作用 时间 器里 bug setTimeout

版权声明：本文标题：设置了超时时间但是不起作用，浏览器里的setTimeout有 bug？ 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1755021791a3061367.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。