五位數計數器

我很驚訝如何用五位數計數器開始計數。點擊按鈕。請求將通過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>

來源

2014-06-25 user2451541

你到底想要什麼，你已經嘗試過什麼？ –

我只是做一些基本的東西，每增加一個按鈕按下一次按鈕，數值就保存在數據庫中，我想要如何從五位數字計數器開始像00000那麼按鈕點擊00001等 – user2451541

您需要解析轉換成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/

來源

2014-06-25 11:43:59

謝謝，你能解釋我這個var s = num +「」; ，如果我想發送ID =「計數器」的當前計數器值，然後增加1，我可以這樣做嗎？ – user2451541

見編輯。是的 - 你可以做'增量（$（'＃counter'）。html（））' –

謝謝@webSpider，休息會由我完成 – user2451541

中有辦法做你想做的任何構建 - 但它很容易建立自己。看到包含一些好點這個計算器： How to output integers with leading zeros in JavaScript

最有可能的，你可以使用這個略顯（性能）優化功能：

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

甚至「優化」（讀：簡化的使用），甚至進一步的功能對於特定的「大小」，如果你知道你總是需要例如總共5位數字。

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

來源

2014-06-25 11:58:54

1）對每個按鈕點擊進行ajax調用。

2）在每個ajax調用上調用服務器端php文件。

3）在PHP文件下面的火查詢：

UPDATE表名SET tnumber = tnumber +1

它會自動更新您的按鈕上點擊計數器。

來源

2014-06-25 12:10:22

五位數計數器

回答

相關問題