美文网首页橙子学院-30天专注橙长计划
手机锁屏后js倒计时停止问题

手机锁屏后js倒计时停止问题

作者: 非小惰 | 来源:发表于2017-05-22 16:04 被阅读0次

在开发过程中发现到我们锁屏或切到后台以后,h5界面写的js倒计时停止,不想通过原生监听,解决此问题尝试方法如下

1、h5自带属性,检测当前页面状态

document.hidden

document.mozHidden

document.msHidden

document.webkitHidden

为当前document添加监听addEventListener

经测试发现,在浏览器中可监听到,单手机的webview无法监听

更改思路如下

原本通过定时器每秒执行一次time--实现倒计时,现改为通过获取毫秒数,将两次事件相减,然后用60-差值进行时间的倒计时

(采用了比较low的方案,在此希望有更好方式的同学提供方案)代码如下

var time=60;

function setTime() {

var beforeTime = getTime();

window.setTimeInterval = setInterval(function(){

time =  time-(((getTime() - beforeTime)/1000).toFixed(0));

if(time <= 0){

$("#get_code").text('获取验证码');

clearInterval(setTimeInterval);

return time = 60;

}

$("#get_code").text(time + ' s');

beforeTime= getTime();

},1000);

}

//获取当前毫秒数

function getTime(){

return Date.now();

}

相关文章

  • 手机锁屏后js倒计时停止问题

    在开发过程中发现到我们锁屏或切到后台以后,h5界面写的js倒计时停止,不想通过原生监听,解决此问题尝试方法如下 1...

  • 解决手机熄屏倒计时停止的问题

    场景:最近在做关于登录获取验证码倒计时发现,某些手机开启倒计时后切换到其他页面或者熄屏时倒计时会停止,这样会造成一...

  • 安卓三星S8 Android 9锁屏后断网问题

    最近做安卓音频播放器,发现有部分手机锁屏后无法播放下一首歌曲问题。分析可能是有的手机在锁屏后断网。 解决方法,在播...

  • 安卓三星S8 Android 9锁屏后断网问题

    最近做安卓音频播放器,发现有部分手机锁屏后无法播放下一首歌曲问题。分析可能是有的手机在锁屏后断网。 解决方法,在播...

  • 点亮,解锁,锁屏,点亮,解锁,锁屏,末一遍又一遍的把弄着手机,好像随时会有什么发生,但每次锁屏后,又把手机丢到一边...

  • 面部识别的尴尬

    最近开手机屏锁真的好麻烦。 手机指纹锁上周出了问题,延迟,错误,停止1分钟再操作,反复同一套步骤n回之后,我也快崩...

  • WEB认证苹果手机锁屏后出现断开WI-Fi的现象和解决

    苹果当手机使用WEB认证时,手机锁屏解锁后,WIFI将断开,用户将离线。是什么导致这个问题? 现象分析: 苹果当手...

  • UICollectionViewCell、UITableView

    问题描述 :### 在屏幕滚动的时候,倒计时NSTimer 停止,滚动停止后,倒计时继续,这样就造成了时间差。 解...

  • 环形进度条倒计时

    这次结合上一篇的《手机熄屏js定时器时间不准问题及解决办法》做一个环形倒计时,实现下图中的效果:

  • 集成实时音视频,oppo手机在实时视频中,oppo手机后台之后,

    oppo手机问题在拨打的时候手机是否有锁屏的呢?如果锁屏那就相当于app进程被杀了,收不到是正常,没有离线推送所以...

网友评论

    本文标题:手机锁屏后js倒计时停止问题

    本文链接:https://www.haomeiwen.com/subject/fxtixxtx.html