单击链接的总次数

时间:2013-08-28 03:39:30

标签: jquery html click

好的,我有一个链接指向一个网站示例:

<a href="https://www.google.com">Click me!</a>

所以我想点击href链接后第10次点击到不同的位置我所做的是有缺陷的,因为它只计算自上次重新加载以来链接被点击的次数:

var count = 0;
$(document).ready(function(){
$('a').click(function(){
count++;
if(count > 10){
$('a').attr("href","https://www.yahoo.com");
}
});
});

所以我需要一个计数器来跟踪它被点击的总时间,而不仅仅是页面重新加载后的时间。它需要跟踪每个用户的每一次点击,因为我不认为cookie会起作用我可能是错的。

2 个答案:

答案 0 :(得分:3)

您需要保留Cookie /本地存储中的值,以便在多个会话中保留该值。您可以使用jQuery cookie之类的库来简化Cookie操作

例如:

$(document).ready(function () {
    $('a').click(function () {
        var count = parseInt($.cookie('link-count'), 10) || 0
        count++;
        if (count > 10) {
            $('a').attr("href", "https://www.yahoo.com");
        }
        $.cookie('link-count', count)
    });
});

演示:Fiddle - 点击链接并刷新页面,计数器将保留值

答案 1 :(得分:0)

使用cookie可以保存状态,然后再读取并使用它。

使用jQuery可以很容易地使用cookie。

 $.cookie("var", "10");