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

Question

JS 倒计时问题,手机网页后台运行时，js会暂停。但是时间还在走，当用户返回主界面的时候倒计时就不准了。这个有什么办法解决吗

Answer 1

有个visibilitychange事件，浏览器标签页被隐藏或显示的时候会触发.隐藏时记录时间戳，显示时记录时间戳，求二者之差/1000得到离开时间。

这是我的想法，没测试过，不知道能否成功，只是一个建议，你可以试一试

var start,end,s;

      document.addEventListener('webkitvisibilitychange', function () {

        if (document.webkitVisibilityState == 'hidden') {

            start = new Date().getTime();

            } else {

            end = new Date().getTime(); 

                s = ((end-start)/1000);    //为秒         

            }

        });

        document.addEventListener('mozvisibilitychange',function() {

            if (document.mozVisibilityState == 'hidden') {

                start = new Date().getTime();

            } else {

            end = new Date().getTime(); 

                s = ((end-start)/1000);

            }

        });

当然只是倒计时的话你可以判断visibilityState =='visible'里面重新获取时间戳，重启倒计时