Five Digits Counter

Question

I am struck how to start counter with five digit counter. on button click. A request will go to server via ajax to store current value,so every time a new user will come if he press the button the counter will increase by 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>

I jsut do some basic stuff, increase counter by 1 every time a button presses and value is saving in DB, i want how to start from five digit counter like 00000 then button clicks 00001 and so on — user2451541, Jun 25 '14 at 11:44

griffon vulture · Accepted Answer · 2014-06-25T11:58:19.393

You need to parse into int, increase and then parse to a string and to add it the "00000", then sub the unneeded zeroes.

 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>

fiddle - http://fiddle.jshell.net/L3mRD/2/

Thanks, can you explain me this var s = num +""; , if i want to send the current counter value of id="counter" and then increment it by 1, can i do this? — user2451541, Jun 25 '14 at 11:50

score 0 · Answer 2 · edited May 23 '17 at 12:29

There is no build in way to do what you want - but it's very easy to build yourself. See this stackoverflow containing some good points: How to output integers with leading zeros in JavaScript

Most likely you can use this slightly (performance) optimized function:

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

Or even "optimize" (read: simplify usage of) the function even further for a specific "size", if you know you always need e.g. 5 digits in total.

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

score 0 · Answer 3 · answered Jun 25 '14 at 12:10

0

1)Make ajax call on each button click.

2) call server side php file on every ajax call.

3) In php file fire below query:

UPDATE tablename SET tnumber = tnumber +1

It's automatically update your counter on button click.

answered Jun 25 '14 at 12:10

Manish Khamar

32
2

Five Digits Counter

3 Answers3