Question

我想要一个计数器为每个新访客显示一个按钮，点击一次会增加显示但是每个访客只允许一次点击。

喜欢这样，但点击https://stackoverflow.com/a/13328728/4307913

后按钮被禁用

<script>
var x = 0;
var already = false;
    function cnt() {
        if(!already) {
                document.getElementById("num").innerHTML = x+=1;
                already = true;
        }
    }
</script>

<div id="counter">
    <h2> support counter </h2>
    <div onclick="cnt()">
         <span id="num">Click here to show support</span>
    </div>
</div>

我找到了这个链接：https://stackoverflow.com/a/12651098/4307913这是强制性的吗？

Answer 1

最简单的方法是存储用户点击localStorage，否则如果不够好（通常不是），那么你需要实现cookie跟踪或在服务器端跟踪它

function cnt () {
   if (!JSON.parse(localStorage.getItem('hasClicked'))) {
       document.getElementById("num").innerHTML = x+=1;
       localStorage.setItem('hasClicked', true);
   }
}

只需单击按钮即可增加计数器

1 个答案: