js 状态栏中显示访问者停留时间

最新推荐文章于 2021-11-26 22:45:59 发布

最新推荐文章于 2021-11-26 22:45:59 发布 · 159 阅读

文章标签：

#HTML

本文介绍了一种在网页上实现用户停留时间显示的方法。通过简单的JavaScript代码，可以在浏览器状态栏实时更新用户在当前页面的停留时间，包括小时、分钟和秒数。此功能对于监测用户行为或增加网站互动性具有一定帮助。

在你的HTML文件的<head>和</head>之间加上以下代码： <script> var Temp; var TimerId = null; var TimerRunning = false; Seconds = 0 Minutes = 0 Hours = 0 function showtime() { if(Seconds >= 59) { Seconds = 0 if(Minutes >= 59) { Minutes = 0 if(Hours >= 23) { Seconds = 0 Minutes = 0 Hours = 0 } else { ++Hours } } else { ++Minutes } } else { ++Seconds } if(Seconds != 1) { var ss="s" } else { var ss="" } if(Minutes != 1) { var ms="s" } else { var ms="" } if(Hours != 1) { var hs="s" } else { var hs="" } Temp = '你在本页停留了 '+Hours+' 小时'+', '+Minutes+' 分'+', '+Seconds+' 秒'+'' window.status = Temp; TimerId = setTimeout("showtime()", 1000); TimerRunning = true; } var TimerId = null; var TimerRunning = false; function stopClock() { if(TimerRunning) clearTimeout(TimerId); TimerRunning = false; } function startClock() { stopClock(); showtime(); } function stat(txt) { window.status = txt; setTimeout("erase()", 2000); } function erase() { window.status = ""; } </SCRIPT> 将你的HTML文件的<body>部分改为 <body onLoad="startClock()">