手机灭屏，js定时器停止计算

最新推荐文章于 2024-08-23 16:53:29 发布

grain2017

最新推荐文章于 2024-08-23 16:53:29 发布

阅读量4.9k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_39856480/article/details/78309039

版权

这篇博客探讨了在手机灭屏时如何处理JavaScript定时器。通过设置时间戳并监听设备状态变化，可以在设备再次亮屏时准确计算并补偿灭屏期间的时间，确保定时任务的连续性。

摘要由CSDN通过智能技术生成

原理：设立时间戳，全局设置监听，把灭屏的时间计算出来，再次亮屏时加上该段时间

var betweenTime = 0;
var b=0;
var num = 0;
document.addEventListener('webkitvisibilitychange',function()
{
    if(document.webkitVisibilityState==

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

grain2017

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

手机息屏导致 js 定时器时间不准问题及解决方法

weixin_34210740的博客

11-28

3035

这两天做迭代任务遇到了一个难题，现在找到了解决方法，为了避免忘记，在这里记录下来。项目描述：一个基于vue写的h5页面，根据后端返回的当前服务器时间做一个倒计时（我是用setInterval 做的）。该h5页面分别嵌套到微信公众号、和原生app中。问题描述：使用home键把页面切到后台运行，倒计时就暂停了，再切回到前台运行回去看倒计时，时间不准确（具体表现为：切出之前是20：20：20，切出等...

WebSocket 移动端锁屏以及退到后台重连机制

Tangsze的博客

08-12

4306

手机锁屏以及退出后台webscoket会断开：js在手机熄屏后会中断，在唤醒之后js会继续执行。所以设置在js中的定时发送心跳包的功能在手机熄屏后就没法执行了。熄屏时间过长，这个时候链接就会被服务端强制断开，并且大部分手机在熄屏时，websocket连接就已经断开了。解决办法：使用H5提供的页面隐藏/显示API。...

参与评论您还未登录，请先登录后发表或查看评论

一文读懂JavaScript(JS)基础知识大全

最新发布

HTDiiii的博客

08-23

1350

1997 年，JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会（ECMA）。第 39 技术委员会（TC39）被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义”(http://www.ecma-international.org/memento/TC39.htm)。由来自 Netscape、Sun、微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262，该标准定义了名为 ECMAScript 的全新脚本语言。

解决ios的app内H5页面倒计时在锁屏后停止或延迟的解决方案

11-23

解决ios的app内H5页面倒计时在锁屏后停止或延迟的解决方案

解决h5页面手机息屏后定时器加快

杰尼龟的博客

08-06

283

通过监听visibilitychange来判断页面是否可见，可见时重新获取数据。的时候，重新获取数据。’的时候，清除定时器。

微信小程序IOS系统中，倒计时（setInterval函数）失效的问题

weixin_30588907的博客

03-14

1842

BUG在基础库1.1.0版本已经修复。先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。 ps：由于小程序一直在更新中，所以并不保证下面的方法长期有效。息屏状态完美解决方法：1、适用场景：通过传入参数控制倒计时时间的页面。2、解决思路：在息屏和挂起的时候，我们可以通过vCons...

监听H5网页切换到后台或者手机处于息屏状态

A small的博客

07-23

2440

document.addEventListener("visibilitychange",()=>{ if(document.hidden){ console.log("H5已切换到后台或手机息屏"); }else{ console.log("H5已切换到网页"); } })

完美解决移动端手机熄屏、黑屏计时器停止计算问题

mentalitys的博客

05-11

5977

因为浏览器安全机制问题，手机黑屏后，后台运行浏览器停止运行该机制，这里是用的是一个H5的一个PageVisibility API，熄屏时，开始计算黑屏时间，重启时，再次计算；另一个思路是也可使用iframe引入另一个页面代码使用全局变量进行计算时间，文本暂不深入；废话不多说，直接上代码： <input type="text" name="user-phone" class="user-phone" maxlength="11" oninput="value=value.replace

javascript定时器取消定时器及优化方法

10-19

在Web开发中，JavaScript 定时器的使用非常普遍，它们允许开发者在给定的时间间隔后执行代码，或按照指定的时间间隔重复执行代码。但不当的使用定时器可能会导致性能问题，例如回调堆积，或者在不再需要定时器时未能...

JavaScript定时器使用方法详解

11-20

JavaScript定时器是编程中用于控制程序执行时机的重要工具，它们允许开发者在特定的时间间隔或延迟后执行特定的函数或任务。本文将详细讲解JavaScript中的两种主要定时器：`setInterval()` 和 `setTimeout()`，以及...

JavaScript定时器和优化的取消定时器方法

10-23

JavaScript定时器是编程中常见的一种技术，用于在指定的时间间隔后执行特定的函数或操作。JavaScript提供了两种主要的定时器方法：`setInterval` 和 `setTimeout`。 `setInterval` 方法用于周期性地重复执行一个...

js监测手机是否离开当前页面

weixin_44668640的博客

06-01

577

公司的项目中的一个需求，在答题环节中用户来电（QQ、微信等页面），但是用户并没有点击返回键，进入了电话页面，这时需要暂停定时器执行。在百度上搜到了一个方法，通过 `document.addEventListener("visibilitychange", function () { if (document.visibilityState == "hidden") { console.log('hidden') // 在此处写退出之后的操作，比如暂停定时器 } else

监听用户息屏、或者切后台运行（离开页面）

qq_43715797的博客

11-05

609

监听用户息屏、或者切后台运行（离开页面）

JS关于定时器setInterval不准问题，在移动端手机息屏时停止在pc上会变慢的问题

inMe_xh的博客

04-18

3297

JS关于定时器setInterval不准问题，在移动端手机息屏时停止在pc上会变慢的问题。手机息屏setInterval不准的原因

使用 JavaScript 阻止屏幕进入睡眠状态

shao402248950的博客

07-11

3052

最近在 H5 端有需要保持手机屏幕常亮的需求，辗转之下，发现了一个早在 chrome 85 中就已经支持的 Web API，不过，截止到今天发文时，Safari 仍不支持，尽管如此，在安卓端我们还是能调用这个 API 来节省设备电池电量（相对于 NoSleep.js 来说），ios 端使用 polyfill 的方式，在将来 Safari 支持该 API 后移除即可。Wake Lock 可防止屏幕关闭、变暗或锁定，仅适用于活动的选项卡/窗口，这可以防止后台选项卡使您的设备保持唤醒状态，也提供了函数以随时通过代

h5 移动端关于监测切换程序到后台或息屏

ss043500的博客

12-07

2017

h5 移动端关于监测切换程序到后台或息屏事件

h5 移动端关于监测切换程序到后台或息屏事件和visibilitychange的使用

weixin_33908217的博客

12-22

1591

需求：当我们页面上正在播放视频或者播放背景音乐时，我们屏幕自动息屏或者切换程序去看消息时，我们希望暂停视频或背景音乐，回到程序我们希望继续播放视频或播放背景音乐。小程序上提供了 onUnload返回 onHide退出 onShow重新进入等生命周期，h5提供了一个visibilitychange，可以帮我们监测这种情况。 document...