IOS,H5混合开发,setTimeout定时器失效

最新推荐文章于 2024-01-12 15:39:05 发布
最新推荐文章于 2024-01-12 15:39:05 发布
阅读量7.2k 收藏
点赞数
分类专栏： 前端 文章标签： ios-h5混合开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yunzhonghefei/article/details/53388981
版权

项目中有需要定时请求服务器,来刷新用户新消息汇总的功能.没有使用第三方推送,暂时用app定时刷新来权宜实现.

安卓版本中使用的Hbuilder开发,使用是全部都是h5页面,不论当前是否是请求服务器的页面,该页面中的setTimeout方法都一直执行.但是在IOS中,如果当前页面不是定时器所在的页面,那么定时器就会失效.是因为离开该页面之后,该页面所在的webview就会销毁.附带说明,IOS混合开发的模式是,项目中共有4个模块,每个模块中有页面若干.为了简化开发,IOS同时采用的方式是,构建4个父级模块.只要是在同一个模块中的页面,则共用同一个父级显示view.不知道定时器的失效和该种实现方式是否有关系.mark.

yunzhonghefei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于 IOS系统safari浏览器中setTimeout和setInterval定时 失效的问题
qq_35804654的博客
11-12 1万+
问题描述：公司WEB项目，需要在页面做一个心跳；一般都选择setTimeout和setInterval 定时器；在web页面也没有问题，安卓手机也没问，但有IOS用户反应某些需要用到用户登陆的记录数不正确时，才定位到此问题。网上资料都说IOS系统的机制问题，setTimeout和setInterval就是会失效的； 首先先简单介绍一下setTimeout和setInterval方法： 众所周知...
h5移动端常见的问题及解决方案
cypking的博客
03-12 81
解决问题 ios端兼容input高度， ios上下滑动页面卡顿，页面缺失， input输入框在iOS中获取到焦点之后界面上移无法回落问题， 界面点反应慢、延时问题解决方案， new Date()转换时间在iOS中不生效问题， 关于部分拷贝方法在iOS中不生效问题， android弹出的键盘遮挡输入框、 iOS上拉边界下拉出现白色空白 window.open IOS无法打开问题 01、io...
IOS系统中，倒计时（setInterval函数）失效的问题
03-29
先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。 本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。ps：由于小程序一直在更新中，所以并不保证下面的方 ...       先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。  本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。ps：由于小程序一直在更新中，所以并不保证下面的方法长期有效。 息屏状态完美解决方法：  1、适用场景：通过传入参数控制倒计时时间的页面。  2、解决思路：在息屏和挂起的时候，我们可以通过vConsole可以看到是执行了o
解决ios倒计时失效问题（分别用setTimeout和setInterval实现）
zuo-yiran的博客
04-04 5132
项目中使用倒计时效果，具体实现如下： //使用的数据（获取的是时间戳）：systemTime=1554384835539 createtime=1554384824000 let now = new Date(datamsg.systemTime).getTime(); let start = new Date(datamsg.createtime).getTime(); ...
window.open在Safari中不能打开
m0_53129638的博客
11-18 818
window.open在Safari中不能打开
微信小程序—setTimeOut定时器的问题及解决
10-16
在微信小程序开发中，经常会遇到使用定时器的问题。本文主要探讨了`setTimeOut`定时器在微信小程序中的应用和一些常见问题。`setTimeOut`是JavaScript中的一个基础功能，用于在指定的延迟时间后执行某段代码，这对于...
vue项目开发中setTimeout等定时器的管理问题
12-11
在Vue项目开发中，使用`setTimeout`等定时器常常会面临一些管理问题，尤其是在涉及到页面路由切换时。本文将详细探讨这些挑战，并提供相应的解决策略。 首先，问题来源于需要在页面初始化后持续向后端请求数据以...
微信小程序—setTimeOut定时器的坑
03-29
小程序相比于app，有着独特的优势，其中最大的就是没有ios和android平台之分，但是同时也有局限，你给我开发个小程序王者荣耀试试。   定时任务 微信小程序API中有两种定时任务   setInterval setTimeOut 这两者都...
火狐浏览器下JS代码不兼容setTimeout函数失效无效不运行执行的解决办法
weixin_34018169的博客
11-14 503
今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测，发现登陆成功后执行页面跳转函数这段JavaScript（JS）代码特效在IE和谷歌浏览器Chrome下都可以很好地执行，兼容性还不错。结果到了火狐（FireFox）浏览器下setTimeout这个JS内置函数不执行了，无效了，也没报错！打开FireBUG指望它能检测出JS的错误，结果没用...Javascript(JS)脚本代码在各...
js的settimeout方法在安卓不起作用，在某些项目里死活运行不正常的问题。
zhan10001的博客
12-02 4075
在项目里引入一个H5的SDK，调用时候死活不正常，无法调用起里面的js的settimeout方法。把代码写到令一个工程，却一切正常。 进行了长久的各种方法，目前找到一个办法，仅供参考。（提醒，安卓工程引入H5，各种兼容性问题都是巨坑，慎重选择。） 为了直接在小米手机上安装项目，是这样设置的： dependencies { classpath 'com.android.tools.
前端微信h5页面安卓/ios兼容性坑
国企程序媛 record 前端技术 & review code。。。
06-29 1751
1，ios兼容input光标高度 问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上： 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值
H5和PC端setTimeOut定时器时间不准
weixin_30980795的博客
08-07 294
在h5手机端 时间不准的时候：监听事件visibilitychange重新更新时间 // 防止息屏后计时器停止，开启后刷新页面 let _this = this document.addEventListener('visibilitychange',function() { if(document.visibilityState=='visible') { _this.getLuckDraw() } }) 在pc手机端 时间不准的时候：
android h5定时器延迟,H5页面中的定时器(setTimeout)问题
weixin_29485605的博客
05-26 463
项目的安卓版本为了快速开发,使用Hbuilder纯H5开发.关于setTimeout碰到的几个问题.1.页面中设置的10s定时请求服务器一次,但是服务器打出的日志,可以看到,个别时候,两次请求几乎是同时到达,但有时候,中间间隔的时间又确实是10s时间.后来发现原因,在设置定时器的时候,我直接把setTimeout放到方法的尾部.犹豫该方法中的业务逻辑相对复杂,所以在请求服务器之后,回调进去ajax...
iOS上使用setInterval失效问题倒计时出现undefined
weixin_44363139的博客
10-29 1181
最近在做微信小程序的时候写一个拼单倒计时(精确到毫秒)，后台返回来的数据时间格式为"2020-10-29 10:34::52"，倒计时时长为24小时， 最后发倒计时在Android上是正常的，iOS上显示为undefined。 *iOS上不支持-的时间格式，需要把-替换为/ 思路： 开始时间和倒计时时长转换为时间戳 判断机型是否是iOS 如果是的话需要将-改为/ 结束时间的时间戳 = 开始时间的时间戳+拼单持续时间的时长时间戳 倒计时时长时间戳 = 结束时间的时间戳 - 开始时间的时间戳 最重要的就是判
H5 - - - - - 移动端息屏后setInterval定时器不工作的问题
最新发布
Dark_programmer的博客
01-12 986
移动端息屏后setInterval定时器不工作的问题
【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案
weixin_30448685的博客
04-22 429
开篇总结：其实目前无法解决这个bug。 这两天做项目遇到了这个case，项目需求是打开页面的时候，input元素自动弹起键盘。由于各种方面的考虑，我们希望通过setTimeout延时200毫秒让input元素focus，demo代码如下： <!doctype html> <html lang="en"> <head> <meta ch...
java+h5移动端熄屏后台会挂起，js会停止运行，settimeout不生效
期待变成大神的博客
11-19 2927
移动端app需求：多个定时提醒 尝试一：前台抛出settimeout时间到了自动执行 结果：短时间1，2分钟的可以执行，长时间时间就会有误差。 刚开始以为是多个定时器之间互相影响的，后来发现只有退出到主页面或熄屏时才会出现这种问题 好吧，查资料说是这种状态后台会挂起，settimeout暂停运行，等再次回到系统会继续执行。 按照这个逻辑那应该是在重新回到系统之前，后面的所有定时器都不执行才对。但是实际测试并非如此，后面的定时器会延时...
清除settimeout定时器
08-27
清除setTimeout定时器可以使用clearTimeout函数。该函数需要入一个参数，即setTimeout函数返回的定时器的ID。例如，clearTimeout(timer)可以用来清除之前设置的setTimeout定时器。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [setTimeout()和setInterval()的使用与清除](https://blog.csdn.net/chocolate_Zhao/article/details/89152494)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [清除定时器的方法](https://blog.csdn.net/baidu_39048029/article/details/93379723)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值