【uniapp/微信小程序】倒计时功能ios异常但是本地调试没问题

最新推荐文章于 2024-01-12 18:46:53 发布
最新推荐文章于 2024-01-12 18:46:53 发布
阅读量353 收藏 1
点赞数 1
分类专栏： web开发 文章标签： 微信小程序 uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/singdancerapball/article/details/130804584
版权
文章讲述了在开发中使用setTimeInterval实现倒计时功能时遇到的问题，具体是Date.parse在iOS真机上无法正确解析形如2022-01-1212:21:09的时间格式。解决方案是将日期中的-替换为/，使得所有操作系统都能正常处理。
摘要由CSDN通过智能技术生成

在这里插入图片描述
自己用setTimeInterval做了个倒计时功能，在开发者工具测试的时候没问题，但是用ios真机调试就无法正常倒计时，后来发现，问题出在Date.parse

Date.parse(endTime)

传入的endTime如果是2022-01-12 12:21:09格式的话ios是无法正常解析的，如果把-替换为/，所有操作系统都可以正常显示

Date.parse(endTime.replace(/-/g, "/"))
uniapp/微信小程序：rich-text 富文本中图片自适应
彭世瑜的博客
11-15 3001
/** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、height属性 * 2.img标签添加style属性：max-width:100%;height:auto * 3.修改所有style里的width属性为max-width:100% * 4.去掉<br/>标签 * @param html * @returns {void|string|*} */ export function formatRichText(html){ let n
uniapp倒计时组件在ios微信浏览器中无法正常显示
u013321104的博客
06-14 1306
用uniapp开发答题倒计时，开发中遇到uni-countdown在安卓端显示正常，但是在ios端数字不变的问题。但是直接用uni-countdown组件例子打包上去，ios确实是正常显示的。排除了好久发现，我的倒计时是放在一个中用绝对定位。然后试着position: absolute;改成position: relative;发现可以正常显示了！！！！！！这么一个问题困扰了我整整三天！！！...
uniapp小程序ios系统的消息横幅会影响倒计时
最新发布
happyyang303的博客
01-12 540
IOS系统中会有一个消息横幅的功能，场景为用户停留在页面中时，收到消息横幅，点击消息横幅弹出聊天框，倒计时仍在继续。改为点击消息横幅时倒计时暂停，回到页面倒计时继续。
微信小程序IOS系统中，倒计时（setInterval函数）失效的问题
weixin_30588907的博客
03-14 1875
BUG在基础库1.1.0版本已经修复。 先说结论：挂起（显示在聊天顶部）状态无法完美解决，息屏状态可以完美解决。本帖目的只是分享在碰到问题时的解决方法和思路。如果不能解决您的问题就非常抱歉。 ps：由于小程序一直在更新中，所以并不保证下面的方法长期有效。 息屏状态完美解决方法：1、适用场景：通过传入参数控制倒计时时间的页面。2、解决思路：在息屏和挂起的时候，我们可以通过vCons...
小程序--倒计时（安卓能显示、苹果机不显示问题）
huang_jimei的博客
06-24 1014
一、倒计时 发现在安卓机和编辑器里面的倒计时是正常的，但是预览和发布到线上，苹果机就不显示了，几经周折终于解决了： ios系统不支持2020-06-24这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式。所以需要将时间 转换一下。 二、代码 用正则匹配改一下，例如： var paytime= '2020-06-24 12:00:00' paytime=paytime.replace(/-/g, '/'); var date =new Date(paytime); ..
小程序实现倒计时：解决ios倒计时失效（setInterval失效）
weixin_30297281的博客
10-08 1140
在使用之前需要先在page页引入wxTimer.js文件（这里我将文件放在/utils） let timer = require('../../utils/wxTimer.js'); 然后就可以使用啦 调用如下： let wxTimer = new timer({ expired_at: "2018-9-27 23:28:00.14756", comp...
uniapp微信小程序实现一个页面多个倒计时
01-22
本文实例为大家分享了uniapp实现一个页面多个倒计时的具体代码，供大家参考，具体内容如下 设计图（需求） 结构 <image src=item.productPicture></image> </view> <view class=product-name>{{ item....
uniapp 微信小程序小票打印机打印教程（超详细讲解） 完整代码，下载后可直接使用
07-24
1. **uniapp简介**：uniapp是一个基于Vue.js开发的多端合一的框架，允许开发者编写一次代码，部署到iOS、Android、Web（H5）、以及各种小程序（微信/支付宝/百度/QQ/头条/抖音等）。它的核心优势在于统一的开发体验...
uniapp电商小程序实现订单30分钟倒计时
01-18
本文实例为大家分享了uniapp实现订单30分钟倒计时的具体代码，供大家参考，具体内容如下 倒计时函数如下： // cm 参数是截至时间-当前时间 // 截至时间是后台返回的数据，当前时间通过new Date() 的方式进行获取 ...
微信小程序中的ios兼容性问题
03-29
3.微信小程序中解决ios中new Date() 时间格式不兼容 在实现倒计时，根据后台返回的时间格式转换时，后台返回了时间格式为”2018-11-12 11:12:11”，然后利用new Date() 转换时，ios中无法展示，安卓中显示正常 let ...
解决uni-countdown动态赋值变更时间倒计时无变化的问题
weixin_59803648的博客
07-27 1326
使用this.$refs.countdown.update()时而有效时而无效且只针对当前页面有反应。倒计时根据服务器返回的数据更新倒计时。只有重新刷新该组件才能更新数据。重新赋值更新时间后无反应。
iOS 倒计时按钮（闪烁问题轻松解决）
wa172126691的博客
03-01 1147
很多应用中发短信倒计时功能，一般都会将NSTimer与UIButton结合来实现此功能，如果UIButton是这么初使化的：会有闪烁现象， let button = UIButton(type: UIButtonType.System) 将UIButtonType.System更改为UIButtonType.Custom即可 let button = UIButton(type: UIButto...
小程序倒计时显示晃动问题
wangzai888的博客
07-19 966
先看看效果图： 如果用默认字体的话，测试发现苹果手机，小米等倒计时的时候出现晃动问题。 原因： 1的字符宽度和其他数字字符宽度不一致，导致出现晃动。 解决方法： 设置样式：font-family: Helvetica Neue,Consolas, Monaco, monospace; ...
微信小程序踩坑记录
lishuaihao的博客
05-11 1082
在微信小程序进行真机调试的时候，可能会出现下面的错误： 解决方法： 确保当前调试为1.0模式，如果不是的话点击切换 微信小程序获取用户的信息 <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> 想这种方式虽然也可以获取用的基本信息，如头像昵称等等，但是如果想要何种方式的话一定不要使用太高的调试库，比如2.18.1就可以正常使用，如果使用最新版的话，就无法获取信息
uniapp微信小程序 new Date() 在ios设备无效问题解决
m0_55258023的博客
09-08 1656
uniapp微信小程序 new Date() 在ios设备无效问题解决
uniapp 开发的app，后台熄屏后，定时任务不起作用的解决方案
ewwerpm的专栏
04-15 8431
https://ask.dcloud.net.cn/article/1273 这段代码加上去了，如果没有设置，还是不行 原来每个手机都有设置，一般在“安全中心”——“优化加速”——选中自己的app名字——省电策略——设置成“无限制” 这样app的定时任务，就不会再被关闭了。至少我已经亲测一个半小时了。继续测到明天。。。。 参考：https://jingyan.baidu.com/article/60ccbceb51de3d64cbb19756.html ...
ios锁屏或页面隐藏时，定时器setInterval倒计时不执行，解锁显示后才执行的问题
qq_35430000的博客
02-12 3820
手机锁屏后，h5浏览器setTimeout暂停执行了，发送验证码的秒数或倒计时没有继续往下走，遇到这种问题可以用visibilitychange这种方式处理 // 监听页面隐藏（锁屏）或后台执行时，解决定时器不执行的问题 addVisibilitychange(){ let that = this; let start,end,vibS,newS; ...
小程序踩坑---倒计时踩坑(倒计时快速切换显示异常)
Seeyoucm
03-15 2455
常见需求: 订单列表,快速切换导航栏倒计时倒数异常 时间格式化输出,ios显示异常NAN 通常实现: (1)只是局部实现倒计时,不将倒计时进行页面全局处理存入data中只是在倒计时结束清空倒计时,问题在快速切换的时候倒计时会表现异常 (2)像网上大部分做法将倒计时通过setData存入数据中,然后在页面卸载的时候清除.这里会有一个问题就是在列表数据中处理的倒计时,如果直接setData存入,然...
微信小程序中显示倒计时
热门推荐
天道酬勤
08-11 4万+
wxml文件中： {{countDownDay}}天 {{countDownHour}}时 {{countDownMinute}}分 {{countDownSecond}}秒 js文件中： Page( { data: { windowHeight: 654, maxtime: "",
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值