在网站中使用计数器

经常会有朋友自己搭建了博客、或者CMS站点需要给网站中添加访问计数功能。不同语言的脚本实现起来方法也不一样,对于静态博客来说还要通过跨域来实现一个计数器,颇为麻烦。

这里奉上一个自己写的计数器,搭建在SAE上,通杀所有动态及静态网站,使用起来非常方便。

注意!需要JQuery支持!

步骤一:

将以下代码添加至想要显示计数器的位置:

1
<font id="counter"></font>

步骤二:

</body>前添加以下代码,注意修改URL中site参数的值为自己网站的名字:

1
2
3
4
//注意修改site参数的值为自己网站的名字
//eg:http://vkkicounter.sinaapp.com?site=vkki
<script type="text/javascript">$(function(){$.ajax({type:"GET",timeout:1e3,url:"http://vkkicounter.sinaapp.com?site=自己网站的名字",dataType:"jsonp",jsonp:"jsonpCallback",success:function(e){$("#counter").length>0&&$("#counter").html("本站总访问量&nbsp;"+e+"&nbsp;次&nbsp;")},error:function(){$("#counter").length>0&&$("#counter").html("")}})})</script>

即可看到效果。

效果示例:

计数器示例

计数器示例