javascript写的倒计时,一秒一秒的倒计,但在移动端里,手机黑屏或锁屏,js会停止,怎么解决?

javascript写的倒计时,一秒一秒的倒计,但在移动端里,手机黑屏或锁屏,js会停止,怎么解决?,第1张

你把setTimeout包装下就好
然後在调用你包装的函数时记录当前时间, 并计算出要达到的时间
之後启动定时器, 并在触发定时时重新获取当前时间, 算出正确的差距, 如果没到指定时间就再次设定定时器
为了防止你从锁屏切回来後倒计时变动延迟过大, 你每次设定定时器可以间隔上5, 600毫秒

由于安全考虑,iOS移动端无法直接使用contextmenu事件来调出右键菜单。因此,不能在iOS移动端上使用contextmenu事件。\n\n在iOS移动端上通过长按来模拟右键菜单。可以使用touchstart、touchend、touchcancel事件,通过触摸事件来模拟右键菜单。\n\n具体实现方法比较复杂,需要使用JavaScript来进行处理。可以参考以下示例代码:\n\n```javascript\n//获取触发右键的元素\nvar el = documentgetElementById('test');\n\n//绑定触摸事件\neladdEventListener('touchstart', touchHandler, false);\neladdEventListener('touchend', touchHandler, false);\neladdEventListener('touchcancel', touchHandler, false);\n\n//触摸事件处理函数\nfunction touchHandler(event){\n var touch = eventchangedTouches[0];\n //长按时间大于500ms时触发右键菜单\n if(eventtype == 'touchstart'){\n setTimeout(function(){\n //创建自定义菜单\n var menu = documentcreateElement('div');\n menuclassName = 'menu';\n menustyletop = touchclientY + 'px';\n menustyleleft = touchclientX + 'px';\n menuinnerHTML = '<div class="item">菜单项1</div><div class="item">菜单项2</div>';\n\n //添加菜单元素到页面中\n documentbodyappendChild(menu);\n }, 500);\n }\n //手指松开时删除自定义菜单\n else if(eventtype == 'touchend'){\n var menu = documentquerySelector('menu');\n if(menu){\n menuparentNoderemoveChild(menu);\n }\n }\n //手指移动时取消触发右键菜单\n else if(eventtype == 'touchcancel'){\n clearTimeout(timer);\n }\n}\n```\n\n在这个示例代码中,使用定时器来处理长按事件,当长按时间大于500ms时触发右键菜单。创建一个自定义的菜单,并将其添加到页面中。当手指松开时删除自定义菜单。在手指移动时取消触发右键菜单。

可参考vivo手机以下倒计时的方法:
原子组件倒计时:1、经典桌面中,长按桌面空白处进入桌面编辑--原子组件--贴纸--长按“倒计时贴纸”拖动添加到桌面,再点击该组件--设置目标日期即可。
2、探索桌面中向上滑动---原子组件--贴纸--长按“倒计时贴纸”拖动添加到桌面,再点击该组件--设置目标日期即可。
闹钟倒计时:在手机的闹钟时钟--计时器--设置需要计时的时间和提醒铃声即可。
日历倒计时:在手机日历--点击"+"图标--点击“”--添加倒数日--设置事件名称、时间、提醒方式等即可。

vivo手机设置关机后闹钟还能响是可以实现的,手机上都有一个默认功能,就是关机的时候闹钟也是会响铃的,下面为详细的 *** 作教程。

1首先需要找到相关的设置,打开时钟选项功能;

2打开之后,点击菜单在右上角按钮;

3点击之后d出一个下拉的菜单,点击选择设置;

4选择了设置之后,看到有一个自动更新时间的设置;

5对自动确定日期和时间设置为开启状态,并且对使用24小时制也开启;

手机摄影要提升,一要多看,二要多拍。

为大家整理了一份个人知识提升的学习资源,包括这两年很火的短视频直播带货运营,各大渠道引流,视频剪辑和有声书等资源,每个分表格都是不同的类目,需要什么切换即可。后面会不断汇聚更多优秀学习资源,供大家交流分享学习,需要的可以先收藏转存,有时间慢慢看~

手机剪辑学习实时更新

链接:>pwd=2D72

提取码:2D72


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13323493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-14
下一篇 2023-07-14

发表评论

登录后才能评论

评论列表(0条)

保存