Счетчик JS постоянно обновляется

Question

Как реализовать счетчик живого и постоянного номера на сайте

Поэтому я смотрел на этот вопрос (^) и хочу сделать точно такую ​​же вещь, за исключением немного другого.

Мне нужен один из них, который подсчитывает 15,8 цента в секунду от немой $138 276 343

Желательно, чтобы запятые были похожи на обычную сумму в долларах.

В любом случае, я мог бы заставить это работать? Я в тупике. Как и у автора вышеприведенного вопроса, у меня мало знаний по JS.

Answer 1

Мне потребовалось довольно много времени, чтобы ответить, так как мне пришлось создать собственную функцию валюты формата.

Живая демоверсия может быть найдена здесь: http://jsfiddle.net/dm6LL/

Базовое обновление каждую секунду очень просто и будет сделано через JavaScript setInterval команда.

setInterval(function(){
    current += .158;
    update();
},1000);

update() Функция, которую вы видите в приведенном выше коде, является простой программой обновления, ссылающейся на объект с amount id, чтобы поместить отформатированную текущую сумму в div на странице.

function update() {
    amount.innerText = formatMoney(current);
}

Сумма и ток, которые вы видите в update() Функция предопределена:

var amount = document.getElementById('amount');
var current = 138276343;

Тогда все, что осталось, это мой formatMoney() функция, которая берет число и конвертирует его в строку валюты.

function formatMoney(amount) {
    var dollars = Math.floor(amount).toString().split('');
    var cents = (Math.round((amount%1)*100)/100).toString().split('.')[1];
    if(typeof cents == 'undefined'){
        cents = '00';
    }else if(cents.length == 1){
        cents = cents + '0';
    }
    var str = '';
    for(i=dollars.length-1; i>=0; i--){
        str += dollars.splice(0,1);
        if(i%3 == 0 && i != 0) str += ',';
    }
    return '$' + str + '.' + cents;
}​