Jquery 按钮单击计数重置&;重复

Jquery 按钮单击计数重置&;重复,jquery,html,css,onclick,click,Jquery,Html,Css,Onclick,Click,有人能帮我吗。我在玩一个小按钮项目 我正在使用css按钮,但让我们从这里说一个按钮。“示例:” 现在让我们假设,当有人点击按钮时,它会在按钮1下方写下。。。 如果有人再次点击它会写2。。。不管谁点击。我,你或者第三个人。它将计算并记住单击的次数 现在让我们假设它计数为100,所以100人可以点击它。之后,它重置为0,并再次开始计算点击次数 这一定是可能的。Jquery或任何需要的东西,请帮助这个新手(我) 甚至使用一个输入按钮或图像或任何东西。。。只是为了计算并记住点击次数。谢谢你,等待一些伟大

有人能帮我吗。我在玩一个小按钮项目

我正在使用css按钮,但让我们从这里说一个按钮。“示例:”

现在让我们假设,当有人点击按钮时,它会在按钮1下方写下。。。 如果有人再次点击它会写2。。。不管谁点击。我,你或者第三个人。它将计算并记住单击的次数

现在让我们假设它计数为100,所以100人可以点击它。之后,它重置为0,并再次开始计算点击次数

这一定是可能的。Jquery或任何需要的东西,请帮助这个新手(我)


甚至使用一个输入按钮或图像或任何东西。。。只是为了计算并记住点击次数。谢谢你,等待一些伟大的答案

您可以使用javascript设置cookie,然后单击按钮读取cookie的值 有关使用javascript操作cookie的更多信息,请浏览。 也是一个解释如何使用javascript在Cookie中存储值的链接

更新

如果您不想在对页面的不同请求和单个用户的请求之间保留计数器,那么您的解决方案也可以不使用cookie 我做了一把小提琴请看 我希望这会有帮助

更新2

你的

这只有在您使用asp.net、Java/jsp/PHP等服务器端技术时才可能,因为在这种情况下,基于cookie的解决方案将不适合您的需要。如果您希望任何人单击,并且无论是谁单击,每次都应该刷新计数器,那么您必须使用服务器端会话

更新

在jquery onDOMReady中,当文档/页面完全加载时,只有脚本才会运行,因此它是一种在页面中注册脚本的错误安全方法 无论如何 我为按钮使用了jquery样式的单击处理程序,如果您不使用jquery,那么您可以在按钮onclick事件上使用简单的调用计数函数

如果您使用的是jquery,那么可以这样编写

    $(document).ready(function(){
    var x = 0;    
    function resetcounter() {
    x = 0;
    document.getElementById("counting").value = x;
    }

   function count() {
   if(x<50)
    {
      x += 1;
    }
    else
    {
        x=0;
    }
    document.getElementById("counting").value = x;
   }
   $('#btn').click(

         function() {
         count();
    });

    $('#reset').click(

    function() {
           resetcounter();
    });  
});
$(文档).ready(函数(){
var x=0;
函数resetcounter(){
x=0;
document.getElementById(“计数”).value=x;
}
函数计数(){

如果(xyou可以使用cookies使用javascript设置它们,然后点击按钮读取cookies的值听起来不错。我想到了jquery和jquery cookie,但我不知道如何设置。我只知道html和css:)!正在学习这些…但是jquery对于初学者来说似乎更高级…看我的答案我发布了一个链接,解释了使用javascriptI对cookies的简单操作我将尝试使用它…这似乎不容易!我将确认它是否能正常工作。同时,如果我有时间,我将尝试发布一个提琴:)好的,让我们说去死吧“无论谁点击”。你的小提琴工作得很好,但你也为计数设置了重置按钮…例如,它可以计数到指定的数字50,并在第51次点击时自动重置吗?只需在xFlawless上添加一个复选框!非常感谢Devjosh。
    $(document).ready(function(){
    var x = 0;    
    function resetcounter() {
    x = 0;
    document.getElementById("counting").value = x;
    }

   function count() {
   if(x<50)
    {
      x += 1;
    }
    else
    {
        x=0;
    }
    document.getElementById("counting").value = x;
   }
   $('#btn').click(

         function() {
         count();
    });

    $('#reset').click(

    function() {
           resetcounter();
    });  
});