html的统计访客人数的代码?

html的统计访客人数的代码?,第1张

静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

通过js后台ajax请求修改访问数。

基于jquery:

<script>

$(function() {

$.get('update.php?id=1',{r:Math.random()})

//当然$.post()、$.ajax()等都可以咯。

//然后要记得加一个随机数,因为如果不加的话,有的浏览器会认为是同一个请求,然后不请求。

})

</script>

这样写:

<script src="update.php?id=1"></script>

经测试,这样也是可行的。

至于文章的id,在静态化的过程中,可以直接赋值到页面要请求的网址参数后。

update.php的话,就是连接数据库,通过传过来的文章id,更新访问量的处理咯。

如果要实现在静态页面马上显示更新的数目的话:

方法一需要在ajax请求后调用回调函数,然后update.php返回新的访问量,然后在回调函数中定位到显示访问量位置,替换成新的访问量。

代码实现:

$(function() {

$.get('update.php?id=1',{r:Math.random()},function(num) {

$('#hit').html(num)

})

})

方法二则需要在update.php中,添加一句话:

document.write(<?php echo $num?>)

一个小小的页面统计代码,用来统计用户在网页上的停留时间,打开页面后稍等片刻,时间就会显示了,可看到时间在不停的走动,真到你关闭了网页,把代码美化一下加在一个小角落里,特别是个人博客之类的,挺个性的。

<!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" content="text/htmlcharset=gb2312">

<title>显示停留时间</title>

</head>

<body>

<form name="form1" method="post" action="">

<center>

<p><font size="5" color="#0000FF" face="华文细黑">您在本站已停留:</font></p>

<p>

<input name="textarea" type="text" value="">

</p>

</center>

<script language="javascript">

var second=0

var minute=0

var hour=0

window.setTimeout("interval()",1000)

function interval()

{

second++

if(second==60)

{

second=0minute+=1

}

if(minute==60)

{

minute=0hour+=1

}

document.form1.textarea.value = hour+"时"+minute+"分"+second+"秒"

window.setTimeout("interval()",1000)

}

</script>

</form>

</body>

</html>

财富值赶紧拿过来


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7070052.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-01
下一篇2023-04-01

发表评论

登录后才能评论

评论列表(0条)

    保存