经常会有一些在用户离开页面前执行一些业务的应用场景,这都要用到 onbeforeunload 事件;比如记录用户停留时长的业务,在 GA 等页面访问统计的应用中都包含这个:

;(function(){

var startTime = Math.ceil(new Date().getTime()/1000), //单位秒

getDuration = function(){

var time = '',

hours = 0,

minutes = 0,

seconds = 0,

endTime = Math.ceil(new Date().getTime()/1000),

duration = endTime - startTime;

hours = Math.floor(duration/3600); //停留小时数

minutes = Math.floor(duration%3600/60); //停留分钟数

seconds = Math.floor(duration%3600%60); //停留秒数

time = (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);

return time;

};

window.onbeforeunload = function(e){

var duration = getDuration();

//request(duration);

};

})();

Warn

Warn

313***663@qq.com3年前 (2017-12-19)

onbeforeunload不触发_onbeforeunload相关推荐

  1. onbeforeunload不触发_各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异

    标准参考 无. 问题描述 一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面. 或者在 ...

  2. onbeforeunload不触发_关闭浏览器时触发onbeforeunload事件的例子

    例子,onbeforeunload事件示例: 复制代码 代码示例: g_blnCheckUnload = true; function RunOnBeforeUnload() { if (g_blnC ...

  3. onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...

  4. 研究区分onbeforeunload事件是刷新还是关闭

     研究区分onbeforeunload事件是刷新还是关闭 原创 2015年06月27日 10:26:15 编辑 删除 一.原因 最近公司的一个web项目需要在关闭网页窗口的时候对一些资源做处理,必 ...

  5. 获取页面离开onbeforeunload与onunload事件的返回值

    转自:http://www.cssha.com/?p=209 在各种项目开发的过程中,页面离开事件onbeforeunload是我们经常要用到的,可以避免用户操作失误,给用户一个选择的机会,就比如我们 ...

  6. 关闭窗口时onunload和onbeforeunload不起作用的解决办法

    今天学习卸载事件(onunload)时候,有时候关闭窗口有作用,有时候不起作用,在各个浏览器中的效果也不一样,为什么会这样呢? 上网查了查相关的解释,大佬说:"onbeforeunload和 ...

  7. 浏览器处理unload和onbeforeunload事件

    文章参考 关闭窗口时onunload和onbeforeunload不起作用的解决办法 JS之onunload.onbeforeunload事件详解 兼容说明 不同浏览器对事件的处理 IE浏览器 页面跳 ...

  8. 伯伯2008年终总结[ 旅游 | 电影 | 文章 | C# | Javascript | CSS ]

    言      瞅见别人写年终总结我也心痒痒了,想想今年还是收获不少的,下面和大家分享一下吧 :  ) ------------------------------------------------- ...

  9. 深入了解 Dojo 的核心接口

    原文链接:http://www.ibm.com/developerworks/cn/web/1303_zhouxiang_dojocore/#ibm-pcon 周 翔, 软件工程师, IBM 2013 ...

最新文章

  1. java 之在校期间最后一次实训记录
  2. list中存储map的情况下,遍历list
  3. 《JavaScript高级程序设计》阅读笔记(七):ECMAScript中的语句
  4. 我的世界java和网易能联机吗_网易我的世界单机怎么转联机
  5. GateOne Web SSH 环境搭建
  6. Spring集成Junit步骤和代码实现
  7. ES6_解构赋值_note
  8. js改变style中的值
  9. 如何打造领英朋友圈_领英点赞,请摆好姿势!
  10. html实现简易影院购票,打造属于自己的私人影院,竟然这么简单!
  11. hdfs的实验总结_HDFS原理及操作
  12. 安装EUCALYPTUS
  13. android开发下载网络图片到相册工具类适配Q及以上
  14. 逻辑教育大厂必备IOS面试突击班
  15. 社保及公积金转外省流程
  16. 训练YOLO v4模型时,xml格式转txt格式
  17. cadence基本操作
  18. MySQL | 自定义函数
  19. 银河麒麟V10龙芯3A4000桌面操作系统安装qt后,无法自动配置编译器,需手动添加方法
  20. ios英语口语800句应用源码

热门文章

  1. 2021年广东省房地产发展概况分析:广州市商品住宅成交面积1222万㎡[图]
  2. java strcat_使用strcat访问内存不良
  3. 宇宙简史尔雅答案_今天是10/10/10 –生命,宇宙和一切的答案
  4. swustoj短信(0332)
  5. 怎样判断你的交际能力强弱
  6. 水果超市-用JavaWeb写的新手练手项目
  7. 盘一下Google那些小彩蛋
  8. SpringBoot实践(三十二):5分钟搭建springboot单体应用开发框架
  9. JAVA学习笔记- - - day 2
  10. 交换机Access、Hybrid和Trunk三种模式