java+h5移动端熄屏后台会挂起，js会停止运行，settimeout不生效

最新推荐文章于 2024-04-12 11:07:58 发布
原创 最新推荐文章于 2024-04-12 11:07:58 发布 · 3.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #css #html

本文探讨了移动端App中实现长时间定时提醒遇到的问题。尝试了通过前端设置定时器和App程序发送提醒两种方式，但在设备熄屏或后台挂起时，定时器无法准确触发，导致提醒延迟。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

移动端app需求：多个定时提醒

尝试一：前台抛出settimeout时间到了自动执行

结果：短时间1，2分钟的可以执行，长时间时间就会有误差。

           刚开始以为是多个定时器之间互相影响的，后来发现只有退出到主页面或熄屏时才会出现这种问题

           好吧，查资料说是这种状态后台会挂起，settimeout暂停运行，等再次回到系统会继续执行。

           按照这个逻辑那应该是在重新回到系统之前，后面的所有定时器都不执行才对。但是实际测试并非如此，后面的定时器会延时很久很久后执行。我晕了，现在还没弄明白这是什么机制

尝试二：前台把要提醒的时间发给app程序，由程序来定时来告诉前端

结果：调试没问题，但是发布后和尝试一一样的问题。

           定位问题发现，到时间后app发送提醒给前端了，但是前端没执行

           怀疑调试过程中后台一直是运行状态，而发布后熄屏后后台照样挂起，前端所有js不执行

结论：多久不调用后台会挂起，有没有什么方法能保持一直运行，这些问题也没搞明白，总之知道这种方法行不通，有了解的小伙伴求解呀

前端面试汇总-React
分享前端工程化、动效魔法与性能之舞！
06-29 1402
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
JavaScript 前端面试题！！！
木木木森林
10-29 877
JavaScript 前端面试精华1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值？你能画一下他们的内存图吗？3. 什么是堆？什么是栈？它们之间有什么区别和联系？4. 内部属性 [[Class]] 是什么5. 介绍 js 有哪些内置对象？6. undefined 与 undeclared 的区别？7. null 和 undefined 的区别？8. 如何获取安全的 undefined 值？9. 说几条写 JavaScript 的基本规范？10. JavaScript 原型，原型链
H5 - - - - - 移动端息屏后setInterval定时器不工作的问题
Dark_programmer的博客
01-12 1920
移动端息屏后setInterval定时器不工作的问题
页面不活跃状态时 setTimeout不执行
(ง •̀_•́)ง
04-12 1365
为了解决这个问题，你可以使用Web Workers来执行定时任务，因为Web Workers在后台运行，并不受页面活跃状态的影响。下面是使用Web Workers解决。当页面处于不活跃状态时（例如，用户切换到了另一个标签页或最小化了浏览器窗口），浏览器会对定时器进行限制，以减少不必要的计算和电池消耗。通过这种方式，你可以确保定时器任务在Web Worker中运行，独立于页面的活跃状态。当页面不活跃时，定时器仍然会按预期执行。的回调函数延迟执行或完全停止执行。
H5进入后台运行导致定时器不能用的问题
fendoudemayi159的博客
08-21 2816
当用户需要发短信时就用到了倒计时的功能，这时就要用到循环定时器setInterval(),但是当用户切换到后台运行时定时器就停止了运行，于是考虑使用系统时间来实现这个功能。 var count = ''； var timer = null； showTime() { var oldTime = new Date().getTime() / 1000; const TIME_COUNT...
IOS,H5混合开发,setTimeout定时器失效
yunzhonghefei的博客
11-29 7419
项目中有需要定时请求服务器,来刷新用户新消息汇总的功能.没有使用第三方推送,暂时用app定时刷新来权宜实现. 安卓版本中使用的Hbuilder开发,使用是全部都是h5页面,不论当前是否是请求服务器的页面,该页面中的setTimeout方法都一直执行.但是在IOS中,如果当前页面不是定时器所在的页面,那么定时器就会失效.是因为离开该页面之后,该页面所在的webview就会销毁.附带说明,IOS混合
setTimeout无效的解决方案（三）
rainbow702的博客
04-29 1815
在前面的“setTimeout无效的解决方案”中，有提到一个案件：就是画面中的元素的背景色需要定时进行切换。 之前这个效果也是需要通过setTimeout实现的。不过，最近看到CSS3中有关于动画的介绍，我想了一下，应该也是可以通过动画来实现这个背景切换的效果的。 今天试了一下，果然可以。 demo的代码如下： <!DOCTYPE html> <html> &...
js worker 解决移动端定时器锁屏后不继续执行的问题
u013284661的博客
08-12 1万+
一直知道在js里面使用计时器会阻塞ui渲染，并且在移动端锁屏后计时器不会继续执行。网络上常用的思路是启动定时器时记录当前时间，当锁屏进来后通过当前时间和记录时间对比去解决锁屏后不继续执行的问题，个人觉得这种解决办法不优雅。  最近看了关于worker的知识，就想着用worker写是不是能解决这个问题，试了试，还真行，代码附上。 worker.js function timeout(time)
uni-app踩坑集合(小程序)
weixin_44997513的博客
05-19 2163
1.指定页面不显示返回或首页按钮 onShow(){ uni.h }
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
APP中实现H5定位于原生APP切换
11-25
APP中实现H5定位于原生APP切换
2021年高级前端进阶之路
云上
10-15 1288
1.两边固定，中间自适应布局 2.js判断字符串中出现次数最多的字符 3.Vue.set的用法及场景 4.Vue自定义指令的钩子函数及使用场景 4.1 钩子函数：bind,inserted,update,componentUpdated,unbind） 4.2 函数参数：el,binding,vnode,oldVnode 4.3 使用场景：按钮级别的权限控制 5.Vue页面渲染过程 （ 5.1 加载文件执行顺序：1.打包配置位置;2.index.htm...
ajax请求是宏任务还是微任务_浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
weixin_39770626的博客
11-20 475
作者：趁你还年轻转发链接：https://segmentfault.com/a/1190000022950333前言看到这些词仿佛比较让人摸不着头脑，其实在我们的日常开发中，早就和它们打过交道了。我来举几个常见的例子：我执行了一段js，页面就卡了挺久才有响应我触发了一个按钮的click事件，click事件处理器做出了响应我用setTimeout(callback, 1000)给代码加了1s的延时，...
h5熄屏之后倒计时会暂停
douyiqing的博客
02-01 376
这个时候要求，当页面切出去或者熄屏等操作后，重新打开，倒计时需要是最新的时间。在日常开发过程中，偶尔会有页面显示倒计时的需求。
移动端后台预加载HTML页面，setTimeout定时器线程跑完问题
cmyh100的博客
09-07 1055
在兼容IOS8的时候遇到一个有趣的问题： IOS预加载了页面，在页面中我写入了一个setTimeout（差容、缓冲的作用），其作用是为了兼容老版本的设备无Hybird交互仍然能使用功能。 结果发现，页面后台加载完，计时器线程便开始跑了，这让我满头黑线 于是我加入的setInterval、documen.hidden（页面前台状态为false，后台状态为true），让它每隔2秒检测一次情况 ...
手机息屏导致 js 定时器时间不准问题及解决方法
weixin_34210740的博客
11-28 3219
这两天做迭代任务遇到了一个难题，现在找到了解决方法，为了避免忘记，在这里记录下来。 项目描述：一个基于vue写的h5页面，根据后端返回的当前服务器时间做一个倒计时（我是用setInterval 做的）。该h5页面分别嵌套到微信公众号、和原生app中。 问题描述：使用home键把页面切到后台运行，倒计时就暂停了，再切回到前台运行回去看倒计时，时间不准确（具体表现为：切出之前是20：20：20，切出等...
h5 监听浏览器被切换到后台或者手机锁屏再次唤起事件
S筱潇S四维Smile
04-13 3707
H5有一个事件叫 visibilitychange ，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息，代码如下： document.addEventListener("visibilitychange", () => { if(document.hidden) { console.log('页面被挂起') } else { console.log('页面呼出') } }); ...
手机锁屏js倒计时停止问题解决办法探索
Littleree的博客
05-23 333
手机锁屏js倒计时停止问题解决办法探索
关于H5 开发app应用 移动端无法访问后台服务的总结
村委老书记的博客
02-23 2944
H5 开发中，有很多隐藏的小问题，这些小问题，对于没有多少H5 app开发经验的来说，无疑会浪费大把时间，所以在此做个小结。 1，真机测试的时候，ajax请求一直返回error    原因分析：                1，请求成功，但是返回error：                         在浏览器中模拟移动端测试，发现会提示请求头错误，这种情况多半是由于，访问前后端存在...
js中setTimeout函数不设置时间，会产生什么结果
最新发布
06-18
<think>我们正在讨论setTimeout函数不设置时间参数的情况。根据引用[2]：setTimeout的语法有两种形式：setTimeout(code,milliseconds,param1,param2,...)setTimeout(function,milliseconds,param1,param2,...)其中，milliseconds参数是可选的。如果省略该参数，或者提供了非数值的参数，那么milliseconds会被默认设置为0。引用[1]和[4]提到，当milliseconds设置为0时，并不意味着立即执行，而是将回调函数放入事件队列（setTimeout队列）中，等待当前执行栈中的任务（包括事件队列中的其他任务）执行完毕才会执行。因此，如果不设置时间参数，相当于设置时间为0，即：setTimeout(function(){...})等价于setTimeout(function(){...},0)那么，不设置时间参数的结果就是：-回调函数不会立即执行，而是被放入事件队列中-等待当前执行栈中的所有同步任务执行完毕-然后才会执行这个回调函数举例：console.log('Start');setTimeout(function(){console.log('InsidesetTimeout');});//没有设置时间参数console.log('End');输出顺序：StartEndInsidesetTimeout原因：1.先执行同步代码：打印'Start'2.遇到setTimeout，将其回调函数放入事件队列（因为时间参数为0，所以放入setTimeout队列）3.继续执行同步代码：打印'End'4.同步代码执行完毕，从事件队列中取出回调函数执行，打印'InsidesetTimeout'注意：虽然时间参数为0，但实际执行可能会有几毫秒的延迟（取决于浏览器和当前执行栈的繁忙程度），但至少会等待当前执行栈清空。另外，引用[3]的例子也说明了这一点，即使setTimeout的时间为0，也会在循环结束后才执行回调（因为循环是同步代码）。总结：不设置时间参数，等同于设置时间为0，回调函数会被推迟到当前执行栈清空之后执行。引用说明：[^1]:setTimeout只执行一次，执行时间取决于设定的毫秒数[^2]:setTimeout的语法，milliseconds参数是可选的[^3]:使用setTimeout(函数,0)时，循环变量i已经变为4（循环结束后的值）[^4]:JavaScript维护一个setTimeout队列，等待普通任务队列执行完才执行因此，回答用户的问题：如果不设置时间参数，那么setTimeout的回调函数会在当前同步代码执行完后，尽快执行（但不会立即执行，而是进入事件队列等待）。生成相关问题：1.为什么setTimeout的时间设置为0时，回调函数不会立即执行？2.如何理解JavaScript的事件循环机制？3.setTimeout和setInterval有什么区别？4.除了setTimeout，还有哪些方法可以将任务放入事件队列？5.在Node.js中，setTimeout的行为和浏览器中一样吗？</think>### JavaScript 中 `setTimeout` 不设置时间参数的结果 在 JavaScript 中，**当不设置 `setTimeout` 的时间参数时，其行为等同于将时间参数设置为 `0`**。这意味着： 1. **立即加入事件队列** 回调函数会被**立即放入事件队列**，但不会立即执行（引用[4]）： ```javascript setTimeout(() => console.log("执行回调")); // 等同于 setTimeout(..., 0) ``` 2. **执行时机** 回调函数会等待： - 当前执行栈中所有同步代码执行完毕 - 所有微任务（如 Promise）执行完毕 - 然后才会执行（引用[4]） 3. **经典案例** ```javascript console.log("开始"); setTimeout(() => console.log("setTimeout回调")); // 未设置时间 console.log("结束"); // 输出顺序： // 开始 // 结束 // setTimeout回调 ``` 4. **与明确设置 0 的区别** 不设置时间参数和显式设置 `0` 完全等价（引用[2]）： ```javascript setTimeout(fn); // 等同于 setTimeout(fn, 0); // 也等同于 setTimeout(fn, undefined); // 所有情况时间参数都默认为 0 ``` 5. **特殊注意事项** 在循环中可能产生意外结果（引用[3]）： ```javascript for(var i = 1; i <= 3; i++) { setTimeout(() => console.log(i)); // 输出 4 三次！ } ``` 原因：回调执行时循环已结束，变量 `i` 已变成 `4`。 **总结：** `setTimeout` 不设置时间参数时，相当于设置时间为 `0`。回调函数会被放入事件队列，在**当前执行栈清空后、下一个事件循环开始时**执行。这种特性常用于延迟执行、避免阻塞主线程或处理异步流程控制[^1][^2][^4]。 --- ### 相关问题 1. 为什么 `setTimeout(fn, 0)` 不立即执行回调函数？ 2. JavaScript 事件循环中宏任务和微任务的执行顺序是怎样的？ 3. 如何避免循环中 `setTimeout` 的闭包陷阱？ 4. `requestAnimationFrame` 和 `setTimeout(fn, 0)` 在动画中的性能差异？ 5. Node.js 中 `setImmediate` 和 `setTimeout(fn, 0)` 有何区别？ [^1]: `setTimeout` 不设置时间时默认参数为 0 [^2]: 语法中时间参数是可选的，默认值为 0 [^3]: 循环中未设时间的 `setTimeout` 会导致闭包问题 [^4]: 回调被放入队列等待当前执行栈清空
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值