<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无题</title>

<!--zhaoxiaoyang.cnblogs.com/-->

</head>

<body onUnload=stay()><!--//页面卸载的时候，调用stay()函数。-->

<mce:script language="Javascript"><!--

pageOpen = new Date();//定义一个新的日期对象，记录开始浏览页面时间。

function stay() {//定义一个函数。

pageClose = new Date();//定义一个新的日期对象，记录结束浏览页面时间。

minutes = (pageClose.getMinutes() - pageOpen.getMinutes()); //“分钟”变量等于结束时间的分钟数减去开始时间的分钟数。

seconds = (pageClose.getSeconds() - pageOpen.getSeconds());//“秒数”变量等于结束时间的秒数数减去开始时间的秒数数。

time = (seconds + (minutes * 60));//时间变量等于“秒数”变量加上“分钟”变量乘以60，即变为以秒记录。

time = (time + " 秒钟");

alert('您在这儿停留了' + time + '.欢迎下次再来!');

}

/*alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（）中的字符串 ，告诉在此页面停留的时间。*/

// --></mce:script>

</body>

</html>

　　实例

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

   <mce:script src="js/JScript22.js" mce_src="js/JScript22.js" type="text/javascript"></mce:script>

    <title></title>

</head>

<body onUnload="stay()">

    <form id="form1" runat="server">

    <div>

    </div>

    </form>

</body>

</html>

　　

pageOpen = new Date(); 

var req11="";

 var url11="InsertTime.aspx"; //要请求的服务端地址

            if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建

            {

                req11=new XMLHttpRequest();

            }

            else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.

            {

                req11=new ActiveXObject("Microsoft.XMLHttp");

            }

            if(req11) //成功创建xmlhttprequest

            {

                req11.open("GET",url11,true); //与服务端建立连接(请求方式post或get，地址,true表示异步)

                req11.onreadystatechange = callback1; //指定回调函数

                req11.send(null); //发送请求

            }

        function callback1() //回调函数，对服务端的响应处理，监视response状态

        {

            if(req11.readystate==4) //请求状态为4表示成功

            {

                if(req11.status==200) //http状态200表示OK

                {

                    Dispaly(); //所有状态成功，执行此函数，显示数据

                }

                else //http返回状态失败

                {

                    alert("服务端返回状态" + req11.statusText);

                }

            }

            else //请求状态还没有成功，页面等待

            {

              //  document .getElementById ("myTime").innerHTML ="数据加载中";

            }

        }

function stay() {

pageClose = new Date();

minutes = (pageClose.getMinutes() - pageOpen.getMinutes());

seconds = (pageClose.getSeconds() - pageOpen.getSeconds());

time = (seconds + (minutes * 60));

time = (time + " 秒钟");

alert('您在这儿停留了' + time + '.欢迎下次再来!');

var req="";

 var url="OutTime.aspx"; //要请求的服务端地址

            if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建

            {

                req=new XMLHttpRequest();

            }

            else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.

            {

                req=new ActiveXObject("Microsoft.XMLHttp");

            }

            if(req) //成功创建xmlhttprequest

            {

                req.open("GET",url,true); //与服务端建立连接(请求方式post或get，地址,true表示异步)

                req.onreadystatechange = callback; //指定回调函数

                req.send(null); //发送请求

            }

        function callback() //回调函数，对服务端的响应处理，监视response状态

        {

            if(req.readystate==4) //请求状态为4表示成功

            {

                if(req.status==200) //http状态200表示OK

                {

                    Dispaly(); //所有状态成功，执行此函数，显示数据

                }

                else //http返回状态失败

                {

                    alert("服务端返回状态" + req.statusText);

                }

            }

            else //请求状态还没有成功，页面等待

            {

              //  document .getElementById ("myTime").innerHTML ="数据加载中";

            }

        }

}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class InsertTime : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            SysCommon.DbSql.ExecuteSql("insert into usertable (username) values ('1')");

        }

    }

}

　　

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class OutTime : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            SysCommon.DbSql.ExecuteSql("insert into usertable (username) values ('2')");

        }

    }

}

　　

　　

JavaScript 记录页面停留时间-通过测试的更多相关文章

  1. 【温故而知新-Javascript】时间效果（显示当前时间、显示当前日期、显示页面停留时间、倒计时）

    1.显示当前时间 <body onload="showtime()"> <div>当前时间: <span id="clock"&g ...

  2. js记录用户在网站的浏览记录和停留时间

    by weber开发者 from http://weber.pub/ 本文地址: http://weber.pub/js记录用户行为浏览记录和停留时间/163.html 问题 公司想统计一个用户从进入 ...

  3. js记录用户行为浏览记录和停留时间（转）

    演示地址:http://weber.pub/demo/160902/test.html 测试源码下载:http://pan.baidu.com/s/1nvPKbSP 密码:r147 解决问题所使用的知 ...

  4. 开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）

    这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下 ...

  5. asp.net web api 测试帮助页面建立并测试

    asp.net web api 测试帮助页面建立并测试 现在使用WEB API来开发,越来越流行. 在开发过程中的测试调试,可以使用Fiddler等工具来帮助测试外,还有: 在asp.net 中有种方 ...

  6. JS+Ajax+Servlet:记录页面访问时间

    1.前端JS记录页面访问时间 1.1JQuery版本: <script type="text/javascript" src="js/jquery.min.js&q ...

  7. JavaScript禁用页面刷新

    JavaScript禁用页面刷新代码如下: //禁用F5刷新 document.onkeydown = function () { if (event.keyCode == 116) { event. ...

  8. Javascript刷新页面的几种方法

    Javascript刷新页面的几种方法: window.navigate(location)location.reload()location=locationlocation.assign(loca ...

  9. Javascript刷新页面的八种方法

    /** * Javascript刷新页面的八种方法 * 说明一下,jQuery没有发现刷新页面的方法. */ 1 history.go(0) 2 location.reload() 3 locatio ...

随机推荐

  1. macbook上安装homestead

    参考资料: 1:https://solarhell.com/post/2016/04/homestead 2:https://phphub.org/topics/491 3:http://larave ...

  2. 自制小工具含源码——SPTC上海交通卡余额查询

    说明 需求 开发 其他

  3. Iphone开发基本UI组件

    在IOS中的基础UI组件,IPHONE的组件大多以UI开头,这种独树一帜的命名方法极有可能是为了与其他系统的组件进行区分,避免混淆引起冲突:  下面描述一下IOS的基础UI控件以及和Android中的 ...

  4. DPDK无法分出连续大页面(contiguous hugepages)的几个解决方法

    在使用DPDK或者SPDK的时候,需要在进程刚启动的时候使用rte_eal_init初始化Environment Abstract Layer,应用进程会通过这个函数告诉EAL为它映射多大的hugep ...

  5. hibernate关联映射注解

    转自:hibernate annotation注解方式来处理映射关系 在hibernate中,通常配置对象关系映射关系有两种,一种是基于xml的方式,另一种是基于annotation的注解方式,熟话说 ...

  6. boost boost::asio::read socket.read_some 区别

    boost boost::asio::read 尝试读一定数量的字节,直到读到为止,或者出错 socket.read_some 读一下socket,读到多少算多少 带async的类似

  7. Python字典按值排序的方法

    Python字典按值排序的方法: 法1: (默认升序排序,加  reverse = True 指定为降序排序) # sorted的结果是一个list dic1SortList = sorted( di ...

  8. Yslow---一款很实用的web性能测试插件

    YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化. YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修 ...

  9. openstack neutron 二/三层网络实现

    引用声明:https://zhangchenchen.github.io/2017/02/12/neutron-layer2-3-realization-discovry/ 一.概述 Neutron是 ...

  10. 初识SolrJ开发, schema.xml的配置与服务初始化.

    schema.xml位于solr/collection1/conf/目录下,是Solr中用户定义字段类型及字段的配置文件. Solr版本: 4.6.0 第一步: Schema.xml说明 实例sche ...