手机休眠,js倒计时停止

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机休眠,js倒计时停止相关的知识,希望对你有一定的参考价值。

参考技术A 在接触到的项目中,有页面需要做倒计时的效果,原本以为很容易,做好之后就提交测试了,但是好巧不巧,测试人员手机屏幕在倒计时过程中熄灭,唤醒屏幕之后发现倒计时是接着黑屏时候的时间继续进行。

问题:手机屏幕熄灭之后,倒计时停止,手机屏幕亮起之后,倒计时接着之前的时间倒计时(即,黑屏这段时间倒计时没有减少)

解决方法:获取倒计时开始时间start_time,在调用countTime是获取一下当前时间end_time,两者的时间差即为休眠时间,使用倒计时总时间-时间差,即为新的倒计时时间

亲测有效,若有其他的好方法求告知

js 秒表计时器(开始,停止,清零)

<html>

<head>
<script type="text/javascript">
var c=0
var t

function timedCount()
 {

 document.getElementById(‘txt‘).value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }

function stopCount()
 {
    
     clearTimeout(t)
    
 }
function cs()
{
 
     c=0  
     document.getElementById(‘txt‘).value= 0
     
}
 
</script>
</head>

<body>
<form>
<input type="button" value="开始!"  id="start" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止!" id="end" onClick="stopCount()">
<input type="button" value="清零!" id="ss" onClick="cs()">
</form>
</body>

</html>

以上是关于手机休眠,js倒计时停止的主要内容,如果未能解决你的问题,请参考以下文章

手机休眠时停止定时器

JS 倒计时问题,手机网页后台运行时,js会暂停

js倒计时--天时分秒, 到时间后自动停止

js倒计时--天时分秒, 到时间后自动停止

在手机休眠时运行计时器

js获取手机验证码倒计时的实现