Increasing Number

"Live" Numbers that increase in a realistic feel.

by dylanopet

HTML

<span id="liveNumbers">23000</span>

CSS

#liveNumbers {
    font-size: 40px;
    font-family: Helvetica;
}

JavaScript

setInterval(function(){
    random = (Math.floor((Math.random()*2)+1));
    var plus = Math.random() < 0.5 ? 1 : 1;
    random = random * plus; 
    currentnumber = document.getElementById('liveNumbers');

    document.getElementById('liveNumbers').innerHTML =  parseInt(currentnumber.innerHTML) + random;

 }, 3000);

function commaSeparateNumber(val){
    while (/(\d+)(\d{3})/.test(val.toString())){
      val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    }
    return val;
  }