码迷,mamicode.com
首页 > 移动开发 > 详细

pc端网页,移动端网页(andorid、ios)离开页面做一个时间存储

时间:2018-05-18 15:45:18      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:eve   一个   mozilla   bubuko   font   back   获取   本地存储   dev   

如图所示:在一个页面中做了一个倒计时,然后用户想离开页面做其他事情,需求是离开页面之后把时间保存,下一次进来继续的时候时间还是上次离开的时间

技术分享图片

 

第一次我用的事件是:  // window.onbeforeunload = function() {。。。}但是ios移动端是没有任何反应的,也就是不兼容。

第二次我用的是: window.addEventListener(‘pagehide‘, function () {....})完美解决。

 window.addEventListener(‘pagehide‘, function () {
    
  
 
  //  localStorage.setItem("selftestid",selftestid);
   // localStorage.setItem("remainderlength",remainderlength);
    console.log(selftestid)
    console.log(remainderlength)

    $.ajax({
      type: ‘post‘,
      url: "...",
      type: ‘post‘,
      async: false,
      data: {
        key: key,
        id: selftestid,
        remainderlength: remainderlength//时间存储后台
      },
      dataType: ‘json‘,
      success: function(result) {
        console.log(result);
      }
    })
  // }
});

在这里我最初的思想是放在本地存储中,但是后来一想如果用户在本次操作的网页和下次操作的手机如果不一样,那么是获取不到本地存储的内容的,所以就存在服务器中了

pc端网页,移动端网页(andorid、ios)离开页面做一个时间存储

标签:eve   一个   mozilla   bubuko   font   back   获取   本地存储   dev   

原文地址:https://www.cnblogs.com/weiyf/p/9056023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!