`

JavaScript 获取页面停留时间

阅读更多

     获取页面停留时间的JS代码:

<HTML>
<HEAD>
<TITLE>JavaScript获取页面停留时间</TITLE>
<script language=JavaScript>
function UserLogoIn() {
   logoin=new Date();
}
function UserLogoOut() {
   logoout=new Date();
   window.alert ("您已在"+document.URL+"\n逗留:" + Math.round((logoout.getTime()-logoin.getTime())/1000) + " 秒!")
}
</script>
</HEAD>
<BODY bgcolor="#fef4d2" onload=UserLogoIn() onunload=UserLogoOut()>
<h2>JavaScript获取页面停留时间</h2>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.qq.com">腾讯</a>
<input value="跳转至腾讯" type=button onclick="window.location.href('http://www.qq.com')">
<input value="跳转至百度" type=button onclick="window.navigate('http://www.qq.com')">
<input value="跳转至新浪" type=button onclick="window.open('http://www.sina.com.cn')">
</BODY>
</HTML>

 

 这种方式适用于以上几种方式的页面跳转(window.open除外,因为这个是新打开一个选项卡),同样关闭网页也有效果

分享到:
评论

相关推荐

    采用JavaScript统计用户在网页的停留时间代码

    ### 使用JavaScript统计用户在网页上的停留时间 #### 知识点概述 本篇文章将详细介绍如何使用JavaScript来统计用户在一个网页上的停留时间。该方法通过设置定时器的方式不断更新时间值,并将其显示在页面上,同时...

    记录用户停留时间

    当用户从action.aspx导航到action_to_sql.aspx时,`unload`事件会被触发,我们可以在这里获取到用户在action.aspx的停留时间,并将其发送到服务器进行存储或进一步分析。 实现这一功能的具体步骤可能如下: 1. 在...

    统计用户停留的时间

    在JSP页面中,可以编写一段JavaScript代码,每隔固定时间向服务器发送异步请求(AJAX)获取当前的停留时间,然后更新页面内容。 5. **计算停留时间**: 当收到新的AJAX请求时,服务器端检查当前Session的创建时间...

    停留时间提示(HTML经典用例)

    停留时间提示的工作原理是使用 JavaScript 来记录用户打开网页的时间,并在用户关闭网页时计算停留时间。这个过程可以分为两个步骤:第一步是记录用户打开网页的时间,第二步是计算停留时间并弹出提示窗口。 记录...

    利用js完成广告页面浮动效果并记录网页停留时间

    在本文中,我们将深入探讨如何使用JavaScript来实现广告页面的浮动效果,并且记录用户在页面上的停留时间。JavaScript是一种强大的编程语言,常用于网页交互和动态效果的实现。 首先,让我们关注广告页面的浮动效果...

    JS计算网页停留时间代码

    以上知识点涵盖了JS计算网页停留时间代码实现的各个方面,从网页结构设计到JavaScript时间计算逻辑的实现。对于希望在网页上实现类似功能的开发者来说,这些知识是非常实用的。需要注意的是,在实际开发中,应确保...

    基于JavaScript的网页特效及实例 (1).pdf

    2. JavaScript语言的应用:JavaScript语言可以用于实现网页特效,如统计用户在网站停留的时间、创建交互式的Web页面、扩展页面功能等。 3. HTML和JavaScript语言的关系:JavaScript语言需要与HTML无缝连接,可以被...

    javascript计算用户打开网页的停留时间

    本文将介绍如何利用JavaScript来计算用户打开网页后的停留时间。本文提供的代码段涉及了几个主要知识点,包括JavaScript中的日期时间处理、函数定义、以及网页DOM的操作。 首先,我们需要理解JavaScript中的日期...

    利用JavaScript制作网页特效.ppt

    - **显示网页停留时间**:通过定义一个函数update(),不断计算用户在页面上的停留时间,并将结果显示在文本框中。 - **制作倒计时特效**:对于特定日期的倒计时,可以通过比较当前时间与目标日期,计算并显示剩余...

    PHP记录页面停留时间的方法

    - 考虑到用户隐私和数据安全,如果网站需要遵守相关的法律法规,记录用户信息和页面停留时间时应获取用户的同意。 - 在处理日志文件时,可能需要对日志文件进行定期的管理与维护,例如清空旧的日志数据、归档重要...

    利用JavaScript制作网页特效PPT学习教案.pptx

    此外,还可以创建显示网页停留时间的特效,通过`setInterval`定时更新文本框内容,展示用户在网页上停留的时间。 2. **图像特效**:JavaScript可以用来控制图像的行为,比如当鼠标经过图像时实现震动效果,通过改变...

    JS动态获取运行时间代码

    通过结合其他性能API,如`performance.getEntriesByType()`,可以进一步获取页面资源加载、网络请求等更多性能数据。 总的来说,JavaScript动态获取运行时间的功能是通过`performance.now()`实现的,它可以为前端...

    第章利用JavaScript制作网页特效2022优秀文档.ppt

    - **显示网页停留时间**:定义一个函数`update()`,持续更新用户在页面上的停留时间,如小时、分钟和秒,通常显示在一个文本框中。 - **制作倒计时特效**:适用于活动预告或重要日期提醒,通过计算目标日期与当前...

    11个震撼的javascript网页效果.zip

    开发者可以使用JavaScript的Date对象来获取系统时间,并通过DOM操作更新到页面上。此外,还可以设计各种风格的时钟界面,如数字时钟、模拟时钟,甚至加入动态动画,使时间显示更加引人注目。 再者,JavaScript坦克...

    javascript实现页面5秒后自动跳转到首页或其他页面

    在JavaScript中,自动跳转页面是一项常见的功能,尤其在网页设计和开发中。这个功能可以用于用户操作后的页面重定向,比如登录成功后的跳转,或者像标题中所述的5秒后自动返回首页。下面我们将深入探讨如何用...

    程序天下:JavaScript实例自学手册

    13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期转换为字符串的方法 13.20 检测是否是闰年 13.21 年份加减函数 13.22 精确到千分之一秒 13.23 离开某天的时间 13.24 判断两个字符串日期的大小 13.25 ...

    JavaScript教程

    - 应用实例:计算在线时间,利用JavaScript跟踪用户停留页面的时间。 8. **WEB页面信息交互** - 理解HTML窗体(form)的基本知识,以及表单元素的类型。 - 学习如何处理窗体数据,实现动态按钮效果。 9. **实现...

    利用js实现在浏览器状态栏显示访问者在本页停留的时间

    总之,通过利用JavaScript的计时功能,我们可以轻松实现显示用户在页面停留时间的功能。这种技术在网页分析、用户体验优化和互动设计中都有其应用价值。通过理解并掌握这种技术,开发者可以为用户提供更加个性化的...

Global site tag (gtag.js) - Google Analytics