Numero di incremento JQuery / JavaScript
-
05-07-2019 - |
Domanda
Sto cercando di incrementare un numero di un dato valore ogni secondo e di conservare la formattazione usando JavaScript o JQuery
Faccio fatica a farlo.
Dire che ho un numero simile:
1412015
il numero che può essere incrementato di ogni secondo è variabile, potrebbe essere qualsiasi cosa tra 0.1 e 2.
È possibile, se il valore che deve essere incrementato di ogni secondo è 0,54 per incremenet il numero e avere il seguente output:
1.412.016
1,412,017
1.412.018
Grazie
Eef
Soluzione
Non sono del tutto sicuro di aver compreso il tuo caso di incremento e ciò che vuoi mostrare. Tuttavia, ho deciso di chiedere una soluzione per formattare un numero.
Ho due versioni di una routine di formattazione numerica, una che analizza un array e una che formatta con un'espressione regolare. Devo ammettere che non sono i più facili da leggere, ma mi sono divertito a trovare l'approccio.
Ho provato a descrivere le righe con commenti nel caso tu sia curioso
Versione di analisi dell'array:
function formatNum(num) {
//Convert a formatted number to a normal number and split off any
//decimal places if they exist
var parts = String( num ).replace(/[^\d.]-/g,'').split('.');
//turn the string into a character array and reverse
var arr = parts[0].split('').reverse();
//initialize the return value
var str = '';
//As long as the array still has data to process (arr.length is
//anything but 0)
//Use a for loop so that it keeps count of the characters for me
for( var i = 0; arr.length; i++ ) {
//every 4th character that isn't a minus sign add a comma before
//we add the character
if( i && i%3 == 0 && arr[0] != '-' ) {
str = ',' + str ;
}
//add the character to the result
str = arr.shift() + str ;
}
//return the final result appending the previously split decimal place
//if necessary
return str + ( parts[1] ? '.'+parts[1] : '' );
}
Versione delle espressioni regolari:
function formatNum(num) {
//Turn a formatted number into a normal number and separate the
//decimal places
var parts = String( num ).replace(/[^\d.]-/g,'').split('.');
//reverse the string
var str = parts[0].split('').reverse().join('');
//initialize the return value
var retVal = '';
//This gets complicated. As long as the previous result of the regular
//expression replace is NOT the same as the current replacement,
//keep replacing and adding commas.
while( retVal != (str = str.replace(/(\d{3})(\d{1,3})/,'$1,$2')) ) {
retVal = str;
}
//If there were decimal points return them back with the reversed string
if( parts[1] ) {
return retVal.split('').reverse().join('') + '.' + parts[1];
}
//return the reversed string
return retVal.split('').reverse().join('');
}
Supponendo di voler generare un numero formattato ogni secondo incrementato di 0,54, è possibile utilizzare un intervallo per eseguire l'incremento e l'output.
Esempio di Super Short Firefox con Firebug:
var num = 1412015;
setInterval(function(){
//Your 0.54 value... why? I don't know... but I'll run with it.
num += 0.54;
console.log( formatNum( num ) );
},1000);
Puoi vedere tutto in azione qui: http://jsbin.com/opoze
Altri suggerimenti
Per incrementare un valore ogni secondo usa questa struttura:
var number = 0; // put your initial value here
function incrementNumber () {
number += 1; // you can increment by anything you like here
}
// this will run incrementNumber() every second (interval is in ms)
setInterval(incrementNumber, 1000);
Questo formatterà i numeri per te:
function formatNumber(num) {
num = String(num);
if (num.length <= 3) {
return num;
} else {
var last3nums = num.substring(num.length - 3, num.length);
var remindingPart = num.substring(0, num.length - 3);
return formatNumber(remindingPart) + ',' + last3nums;
}
}
function rounded_inc(x, n) {
return x + Math.ceil(n);
}
var x = 1412015;
x = rounded_inc(x, 0.54);