JS 倒计时问题,手机网页后台运行时,js会暂停。ajax从后端获取一个时间,然后setTimeOut() 执行,时间为0的时候会再次发出请求。 但是 如果 用户返回主界面的时候 js会暂停运行,这样倒计时就不准了。 想通过用户返回界面的时候 发出请求,但是不知道应该注册什么事件, 或者有其他替代方案,
在PC上没有问题 ,问题主要出在 手机用户 的浏览器 在后台运行 的时候 页面的js会暂停, 当用户再次调出 浏览器的时候 js继续执行,但是 时间就不对了。想要在用户重新调出浏览器的时候去获取最新的时间。 不用知道js上有没有 类似安卓 onResume和onPause 。或者其他解决方法
如果我答得好请给我一点分
在html5中document新增了一个事件 visibilitychange,这个事件在页面前台或后台切换时被触发,你所说的问题就简单了,它也有个对应的属性visibilityState,用于检测当前页面的状态值为hidden还是visible。
解法是,在hidden时记录当前时间,在visible时用当前时间减去之前记录的时间就为当前倒计时需要减去的时间,这也就不需要和后台沟通了,或者你直接在visible时刷新页面也行,下面是小样,你测试一下
var b=getTime();不是获取 系统时间,而是获取 服务器时间 ,不是setInterval 的问题,问题是如何在 浏览器 从后台调出来的时候如何去后端请求数据。
追答用ajax获取后台数据
$.ajax({
//传输方式
type: "POST",
dataType: "json",
//触发地址
url: "/Handler/Handle.ashx",
cache: false,
//传递参数
data: { action: "GetDate" },
//错误
complete: function () {
},
error: function (msg) {
},
//成功
success: function (data, status) {
}
});
网上搜索下就行了
问题在于什么时候触发这个ajax 事件 。 setInterval 在 浏览器切到后台的时候会暂停运行的。就会导致应该触发的时候没去触发。