移动端后台预加载HTML页面，setTimeout定时器线程跑完问题

最新推荐文章于 2023-01-30 22:01:25 发布
最新推荐文章于 2023-01-30 22:01:25 发布
阅读量1k 收藏
点赞数 1
分类专栏： 日常备忘录 日常踩坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cmyh100/article/details/82499440
版权

在兼容IOS8的时候遇到一个有趣的问题：

IOS预加载了页面，在页面中我写入了一个setTimeout（差容、缓冲的作用），其作用是为了兼容老版本的设备无Hybird交互仍然能使用功能。

结果发现，页面后台加载完，计时器线程便开始跑了，这让我满头黑线

于是我加入的setInterval、documen.hidden（页面前台状态为false，后台状态为true），让它每隔2秒检测一次情况

转为前台状态的时候结束Interval线程

这样解决了该问题

cmyh
关注
专栏目录
【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）
超逸の学习技术博客
04-04 2万+
很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。
实战解决小程序图片加载问题
热门推荐
夏尔的小酒馆
10-11 4万+
相较于web端或者H5开发，小程序本身在性能上弱很多（但用户体验上要好）。以前开发时服务器性能过剩在那里帮你撑着脸面，你对自己的代码质量和编程习惯心里没数，小程序就是一面镜子。 废话少说，要解决的问题是，小程序加载图片闪烁，渐渐出现，出现的很慢等等效果不尽人意的体验。 如果你的小程序本身只用加载很少的图片，那么其实问题不大。如果是像购物APP那样或者是一款有图片列表的应用，那么以下方案肯定能帮到你...
setTimeout 浏览器进入后台时不被冷却的方法
352328759的博客
01-19 3740
出于节能的考虑, 部分浏览器在进入后台时(或者失去焦点时), 会将 setTimeout 等定时任务暂停 待用户回到浏览器时, 才会重新激活定时任务 说是暂停, 其实应该说是延迟, 1s 的任务延迟到 2s, 2s 的延迟到 5s, 实际情况因浏览器而异 在 Chrome 中运行一下代码 var t = new Date() * 1 function fun1() { var _t = new Date() * 1 console.log(_t - t) t = _t setTimeout(fun
【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案
weixin_30448685的博客
04-22 444
开篇总结：其实目前无法解决这个bug。 这两天做项目遇到了这个case，项目需求是打开页面的时候，input元素自动弹起键盘。由于各种方面的考虑，我们希望通过setTimeout延时200毫秒让input元素focus，demo代码如下： <!doctype html> <html lang="en"> <head> <meta ch...
setTimeout小尴尬的启示
奇舞周刊
08-05 166
编者按：本文作者李松峰，资深技术图书译者，翻译出版过40余部技术及交互设计专著，现任360奇舞团Web前端开发资深专家，360前端技术委员会委员、W3C AC代表。本文通...
iOS 定时器的使用 在后台运行定时器
冰凉的枷锁的博客
04-28 2348
1.在APPDelegate的didFinishLaunchingWithOptions中设置 [session setCategory:AVAudioSessionCategoryPlayback error:nil]; [[AVAudioSession sharedInstance] setActive:NO withOptions:AVAudioSessionSetActiveOptionN...
java后台定时器最简单用法实例，类似于js里的setTimeOut
08-26
java后台定时器最简单用法实例，类似于js里的setTimeOut
Js中setTimeout()和setInterval() 何时被调用执行的用法
12-11
例如，以下代码会在页面加载2秒后弹出一个警告框： ```javascript setTimeout(function() { alert('Delayed alert!'); }, 2000); ``` `setInterval()`函数则用于周期性地执行某个函数，直到被`clearInterval()`...
浏览器UI多线程及对JavaScript单线程底层运行机制的理解
尐轩web前端网络日志
11-04 3706
早在我刚刚学习JavaScript的时候，我就被灌输了这样的思想 JavaScript是单线程的 可是在我不断的学习过程中 学到了定时器、ajax的异步加载 一度让我对这句话产生怀疑 既然JavaScript是单线程的，为什么它还存在异步加载 后来我知道了浏览器中不仅仅有js一个线程，它与其他线程共同组成了 —– 浏览器UI多线程早就想写一篇这样的文章，只是感觉理解的还不够，怕我写的对大
html+css+js基础问答
qq_43751465的博客
08-26 5263
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
解决ios的app内H5页面倒计时在锁屏后停止或延迟的解决方案
11-23
解决ios的app内H5页面倒计时在锁屏后停止或延迟的解决方案
移动端开发--页面预加载
ailong3046的博客
09-17 324
　　　　这两天一直困扰我的一个问题终于解决了。很感谢同事给我的帮助。 　　　　先说下我遇到的问题：在app首次安装或者用户清除本地缓存信息后，用户再次登陆后，虽然可以从缓存中获取到用户信息，但是，放不到页面上。我一直很奇怪为什么会出现这样怪异的事。 　　　　总结一下出现上述这种情况的原因：1、lantch页面设置成index页，而不是登陆页，在用户首次安装index页的时候，其实已经...
调度：setTimeout 和 setInterval
最新发布
2301_76153828的博客
01-30 630
setTimeout(func, delay, …args) 和 setInterval(func, delay, …args) 方法允许我们在 delay 毫秒之后运行 func 一次或以 delay 毫秒为时间间隔周期性运行 func。要取消函数的执行，我们应该调用 clearInterval/clearTimeout，并将 setInterval/setTimeout 返回的值作为入参传入。
android webview setTimeout不执行
bachelor49的专栏
10-29 4279
在Android开发中，难免需要载入H5页面处理一些扩展性需求，这个时候就需要使用webview了。 有时候js里面会用到 setTimeout 函数用来进行定时操作。 今天我就遇到使用了setTimeout，而没有任何反应的情况。 尝试各种方式而不得的情况下，我使用类似android代码里面呼叫js函数的方式，在js中进行修改： setTimeout(funA,3000)
【前端】关于setTimeout的那些事，setTimeout休眠延时。
驻咸阳湖特别形象大使
03-01 1958
问题： setTimeout在某一次写一个倒计时功能时，当浏览器缩小或者离开当前页面，倒计时会不准确，进入休眠模式，执行间隔比预期要慢。 为何不使用setInterval 先看下《JavaScript高级程序设计（第三版）》中对定时器解释 设定一个 150ms 后执行的定时器不代表到了 150ms 代码就立刻执行，它表示代码会在 150ms 后被加入到队列中。如果在这个时间点上，队列中没有其他东西，那么这段代码就会被执行。 也就是说定时器会在你任务队列中没用执行任务时才会将你的定时器添加到任务队列中。
Android安全开发之WebView中的大坑
zhangcanyan的博客
07-17 2万+
0X01 About WebView      在Android开发中，经常会使用WebView来实现WEB页面的展示，在Activiry中启动自己的浏览器，或者简单的展示一些在线内容等。WebView功能强大，应用广泛，但它是天使与恶魔的合体，一方面它增强了APP的上网体验，让APP功能更多样化，另一方面它也引入了很多的安全问题。在过去几年WebView中被披露的重大漏洞包括了任意代码执行
setTimeout函数以及在各个浏览器里的兼容问题
lululove19870526的专栏
12-25 2370
setTimeout()的作用是指定在多少毫秒后执行一个JS函数或者表达式代码 setTimeout的用法、语法、参数：setTimeout(code,millisec) setTimeout参数说明： code是必需参数。要调用的函数后要执行的 JavaScript 代码串。 millisec是必需参数。在执行代码前需等待的毫秒数。毫秒和秒之间的换算是：1000毫秒=1秒 func
关于 IOS系统safari浏览器中setTimeout和setInterval定时 失效的问题
qq_35804654的博客
11-12 1万+
问题描述：公司WEB项目，需要在页面做一个心跳；一般都选择setTimeout和setInterval 定时器；在web页面也没有问题，安卓手机也没问，但有IOS用户反应某些需要用到用户登陆的记录数不正确时，才定位到此问题。网上资料都说IOS系统的机制问题，setTimeout和setInterval就是会失效的； 首先先简单介绍一下setTimeout和setInterval方法： 众所周知...
JavaScript定时器详解：setTimeout与setInterval实例应用
在处理定时器时，确保理解何时应该使用setTimeout和setInterval，以及如何正确地管理和清理定时器，以避免内存泄漏和其他性能问题。此外，当不再需要定时器功能时，记得使用`clearTimeout`或`clearInterval`来停止...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值