JS实现显示来访者的停留时间

最新推荐文章于 2024-09-17 13:42:29 发布

weixin_30613343

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/puamap/p/6228069.html

版权

显示来访者的停留时间

<script language="javascript">
var ap_name = navigator.appName;
var ap_vinfo = navigator.appVersion;
var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));
var time_start = new Date();
var clock_start = time_start.getTime();
var dl_ok=false;
function init ()
{
if(ap_name=="Netscape" && ap_ver>=3.0)
dl_ok=true;
return true;
}
function get_time_spent ()
{
var time_now = new Date();
return((time_now.getTime() - clock_start)/1000);
}
function show_secs () // show the time user spent on the side
{
var i_total_secs = Math.round(get_time_spent());
var i_secs_spent = i_total_secs % 60;
var i_mins_spent = Math.round((i_total_secs-30)/60);
var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent);
var s_mins_spent = "" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent);
document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;
window.setTimeout('show_secs()',1000);
}
// -->
</script>
<FORM name="fm0" onSubmit="0"><FONT COLOR="#6060FF">停留时间:
</FONT><INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM>

然后在主页源文件<body>标签内加入

<BODY onLoad="init(); window.setTimeout('show_secs()',1);">

转载于:https://www.cnblogs.com/puamap/p/6228069.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30613343

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML统计用户浏览页面时间,js记录用户在网站的浏览记录和停留时间(2)

weixin_35719260的博客

06-03

1919

问题：上次的代码确实解决了一部分用户访问记录的收集，但是还是存在一个问题就是我们网站的注册都是新页面打开的，如果用户刚进入网站就点击注册(打开了新的页面) ，我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了，也就是导致访问了网站直接点击注册的用户无法被记录。所以这次对数据的记录方式做了拆分。思路当用户进入网站，页面加载完成的时候执行 window.onlo...

JS统计页面访问时长

mx_csdn的博客

10-21

5246

以vue单页面项目为例 1、在路由的meta属性中，给需要记录访问时长的页面添加hasViewTime属性，以便全局处理页面，代码如下： { path: '路由地址', name: '页面模块名称', component: '页面模块', meta: { hasViewTime: true/false } } 2、在页面主入口文件App.vue文件中，记录访问页面的初始数据，同时初...

参与评论您还未登录，请先登录后发表或查看评论

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

weixin_33896726的博客

09-22

1109

问题：上次的代码确实解决了一部分用户访问记录的收集，但是还是存在一个问题就是我们网站的注册都是新页面打开的，如果用户刚进入网站就点击注册（打开了新的页面），我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了，也就是导致访问了网站直接点击注册的用户无法被记录。所以这次对数据的记录方式做了拆分。这个...

利用JavaScript实现在浏览器状态栏显示停留时间

Verney

12-27

1658

该问题相当于是设计一个计时器，用于显示浏览者在该页面停留了多长时间。要解决该问题，我想到的主要有两种方法。方法一：利用系统时间。即先设置一个变量，用于获取登录开始时间startTime,然后利用setTimeout()函数让页面不停的刷新，在刷新的同时，获取当前时间nowTime，然后用当前时间减去登录开始时间，即为停留时间。方法二：设置三个变量：second,

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

weixin_34358365的博客

09-07

1929

by weber开发者 from http://weber.pub/ 本文地址： http://weber.pub/js记录用户行为浏览记录和停留时间/163.html 问题公司想统计一个用户从进入官网到注册，这个流程该用户整个的浏览路线，在哪个页面停留的时间比较长，从而更有针对性的对客户行为进行分析，了解用户的真正需求。。。虽然百度统计之类的也可以记录用户的浏览行为，但是这类统计是全...

java显示停留代码_[Java教程]JS计算网页停留时间代码

weixin_30313365的博客

02-25

221

[Java教程]JS计算网页停留时间代码0 2014-04-30 00:00:10JS计算网页停留时间的代码。显示停留时间-www.jbxue.com 您在本站已停留： var second=0; var minute=0; var hour=0; window.setTimeout("interval();",1000); function interval()...

html在状态栏中显示时间,html网页时间显示代码和倒计时代码大全

weixin_39862697的博客

05-30

1806

language=JavaScript>var enabled = 0; today = newDate();var day; var date;if(today.getDay()==0) day= "星期日"if(today.getDay()==1) day= "星期一"if(today.getDay()==2) day= "星期二"if(today.getDay()==3) day= "星期三...

JS计算网页停留时间代码

toplover2的linux学习博客

05-05

453

JS计算网页停留时间的代码。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" con

网页显示时间代码和倒计时代码大全

02-20

这些代码可以帮助开发者在网页上实现各种时间显示效果，如实时数字时钟、日期显示、来访者停留时间计算等。 #### 实时数字时钟实时数字时钟是一种常见的网页元素，它能够动态地显示当前时间。下面是一个简单的...

0752、双向来访人数监测器.zip

01-12

6. **软件实现**：虽然具体的技术细节未知，但这个工具可能基于Web服务器日志分析，或者是使用JavaScript在客户端进行数据收集，然后发送到服务器进行处理。 7. **数据分析**：用户可能需要掌握一定的数据分析技巧...

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

07-08

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

JavaScript源代码集

07-12

告诉来访者在本页面停留的时间，作用好坏你判断吧！请来客登记姓名，统计来访次数。最常见的横向移动显示信息的跑马灯；自动显示主页最后更新日期，虽然简单，可是实用。浏览器状态栏里的跑马灯根据访问...

《程序天下：JavaScript实例自学手册》光盘源码

02-08

js中【Worker】相关知识点详细解读

2301_79858914的博客

09-11

920

JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。

【JavaScript】LeetCode：707设计链表

weixin_45980065的博客

09-14

670

【代码】【JavaScript】LeetCode：707设计链表。

Vue接入高德地图并实现基本的路线规划功能

黄团团的个人博客

09-11

589

找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。

基于python+django+vue的旅游网站系统