关于记录用户在网页的点击次数并显示的js源码

在开始计划做博客的时候逛别人的博客就有一个dalao的博客页面的鼠标点击特效叫引起了我的注意网页链接

那时我就计划好了我也要整一个

就是点一下就增加1, 然后其他页面也能接着上一个页面的数接着往下加.
   原先的想法是, 用php创建session保存下来, 这样所有页面都能共享这个s变量, 把这个效果做出来了也能正常显示但是出现了一个要命的问题,
 不知道为什么在连续快速触发多次网页会变卡.这就很玄学了.
   只能推倒重来, 然后涂涂改改就做出来现在这一版了, 直接修改获取到的a标签加上参数s的暴力操作. 
2019/8/10更新, 用了jquery_cookie保存值, 代码短了很多, 暴露了前段时间js学艺不精
2019/8/11更新,修改了cookie的持续时间为1小时
~$(function () {
    // 给鼠标添加特效的函数
    /*
    * 问题记录
    * */
    /*var prefix = null;
    var hrefs = Array();*/
    var s = 0;
    var expiresDate= new Date();
    expiresDate.setTime(expiresDate.getTime() + (60*60*1000));
    
    if($.cookie("xu")){
        s = parseInt($.cookie("xu"));
    }else{
        s = 1;
    }
    var  $body =  $("body");
    $body.click(function lock(dat) {
        var x = dat.pageX,
            y = dat.pageY;
        var $text =  $("<span class='s'>+"+s + "s</span>");
        $text.css({
            "position":"absolute",
            "top":y,
            "left":x,
            "color":"red",
            "font-weight":"bold",
            "user-select":"none"
        });

        $body.append($text);
        $text.animate({"top":y-100, "opacity":0}, 1500, function () {
            $text.remove();
        });
        s+=1;
        $.cookie("xu",s,{expires:expiresDate, path:"/"});
      

    });
});