<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. URI -URL-URN区别

    URI -URL-URN区别 URI (uniform resource identifier)   统一资源标识符,用来唯一的标识一个资源URL(uniform resource locator)  ...

  2. 基于微信小程序的票价和时间选择以及计算总价

    发布时间:2018-10-30   技术:wxml+wxss+JS   概述 微信小程序实现选择时间和票价,根据选择的票价和时间实时计算总价,当时间和票价都显示缺货状态时,点击弹出缺货登记,需要选择票 ...

  3. 通过Intent传递对象

    BluetoothDevice device = data.getParcelableExtra(BluetoothDevice.EXTRA_DEVICE); 在蓝牙开发中,通过intent(data ...

  4. 【TP3.2.*】解决session过期不失效 和 设置不成功问题

    // ---------- 更新与 2019/01/23日 -------------// 1.问题:本来我想设置session有效期1800秒即30分钟 失效的,可是实际使用TP3.2.0的时候发现 ...

  5. kafka负载均衡相关资料收集（三）

    apache kafka系列之Producer处理逻辑 下文是转载的,原文链接地址:点这儿 [转] Kafka ProducerKafka Producer处理逻辑kafka生产者处理逻辑apache ...

  6. 百度地图 ijintui以及七牛、百度编辑器、kindeditor

    密码是明文存储的 sig错误是因为params没拼接上md5后的秘钥,测试时候可以在 Api\Controller\CommonController\_initialize 方法里注释掉效验的代码 代 ...

  7. 实体格式化转xml

    In the past, I've done the following to control datetime serialization: Ignore the DateTime property ...

  8. Linux命令-进程后台执行：nohup(就是不挂起的意思)

    nohup 就是不挂起的意思( no hang up) 用途:LINUX命令用法,不挂断地运行命令. 语法: nohup Command [ Arg ... ] [ & ] 描述:nohup ...

  9. 对于不返回任何键列信息的 selectcommand 不支持 updatecommand 的动态 sql 生成

    大家知道,DataSet保存的数据是位于服务器内存里面的原数据库的“副本”.所以用DataSet更新数据的过程就是先对“副本”进行更新,然后 在将“原本”更新,按照我的理解就是把“原本”覆盖掉.具体到 ...

  10. SharePoint 2013 创建Web Application

    今天继续SharePoint 2013 的探索之旅,之前几篇文章分析了SharePoint 2013的物理拓扑结构,安装,以及逻辑体系结构.在这篇文章中,我将继续Step By Step形式演示如何在 ...