Question

我很惊讶如何使用五位数计数器启动计数器。点击按钮。请求将通过ajax发送到服务器以存储当前值，因此每当新用户按下按钮时，计数器将增加1.

    00001
    00002
    .
    00010
    .
    .
    99999

        $("#update").click(function() {
            $('#counter').html(function(i, val) {
                /*$.ajax({
                    url: '/path/to/script/',
                    type: 'POST',
                    data: {increment: true},
                    success: function() { alert('Request has returned') }
                });*/
                return + val+1;
            });
        });

<button id="update" type="button">Click Me</button>
<div id="counter">00000</div>

Answer 1

你需要解析为int，增加然后解析为一个字符串，并将其添加为“00000”，然后将不需要的零。

。

 function increment(num) {
    var newNumber = parseInt(num) + 1
    var str = "00000" + newNumber;
    return str.substr(str.length-5);
}



   $("#update").click(function() {
            $('#counter').html(function(i, val) {
                /*$.ajax({
                    url: '/path/to/script/',
                    type: 'POST',
                    data: {increment: true},
                    success: function() { alert('Request has returned') }
                });*/
                return increment(val)
            });
        });





<button id="update" type="button">Click Me</button>
<div id="counter">00000</div>

小提琴 - http://fiddle.jshell.net/L3mRD/2/

Answer 2

没有任何方法可以做你想做的事 - 但是自己很容易建立。看到这个包含一些好点的stackoverflow： How to output integers with leading zeros in JavaScript

最有可能你可以使用这个稍微（性能）优化的功能：

function pad(num, size) {
    return ('000000000' + num).substr(-size);
}

甚至＆＃34;优化＆＃34; （阅读：简化使用）该功能甚至可以进一步针对特定的＆＃34;尺寸＆＃34;，如果你知道你总是需要例如总共5位数。

function pad5(num) {
    return ('0000' + num).substr(-5);
}

Answer 3

1）点击每个按钮进行ajax调用。

2）在每次ajax调用时调用服务器端的php文件。

3）在查询以下的php文件中：

UPDATE tablename SET tnumber = tnumber +1

它会在按钮点击时自动更新您的计数器。

五位数计数器

3 个答案: