Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрипт бегущих чисел + скрипт калькулятора (https://javascript.ru/forum/misc/67210-skript-begushhikh-chisel-skript-kalkulyatora.html)

j0hnik 03.02.2017 18:59

Скрипт бегущих чисел + скрипт калькулятора
 
Дорогие Js умельцы нид хелп.
Возникла проблема, есть два скрипта:
1)считает сумму в чеке.
2) анимирует увеличение числа.

1.
function costCalculator() {
//Типы флажков
var pol = document.getElementById("pol");
var kor = document.getElementById("kor");
var nal = document.getElementById("nal");
var dob = document.getElementById("dob");
var fur = document.getElementById("fur");
//Результаты флажков
var result = document.getElementById("pol");
var result = document.getElementById("kor");
var result = document.getElementById("nal");
var result = document.getElementById("dob");
var result = document.getElementById("fur");
//Общий результат
var result = document.getElementById("result");
//Цена для флажков по умолчанию
var polPrice = 0;
var korPrice = 0;
var nalPrice = 0;
var dobPrice = 0;
var furPrice = 0;
//Общая цена
var price = 0;
//Умножаем значение на *ЧИСЛО
polPrice += (pol.checked == true) ? parseInt(pol.value) : 0;
korPrice += (kor.checked == true) ? parseInt(kor.value) : 0;
nalPrice += (nal.checked == true) ? parseInt(nal.value) : 0;
dobPrice += (dob.checked == true) ? parseInt(dob.value) : 0;
furPrice += (fur.checked == true) ? parseInt(fur.value) : 0;
//Складываем типы флажков + имя списка
price=polPrice + korPrice + nalPrice + dobPrice + furPrice;
//Результат для полей
polRezult.innerHTML = polPrice;
korRezult.innerHTML = korPrice;
nalRezult.innerHTML = nalPrice;
dobRezult.innerHTML = dobPrice;
furRezult.innerHTML = furPrice;
//Общий результат
result.innerHTML = price;
};


2-ой.
$('.timer').countTo({
        from: 50,
        to: 2500,
        speed: 1000,
        refreshInterval: 50,
        formatter: function (value, options) {
            return value.toFixed(5);
        },
        onUpdate: function (value) {
            console.debug(this);
        },
        onComplete: function (value) {
            console.debug(this);
        }
    });


есть проблема, нужно чтобы цифры бежали не с нуля а с текущей суммы и далее.
тоесть если ставим в to переменную 'price'. считает с нуля, а если и в form поставить 'price' . то соответственно перестает считать вообще, т.к. анимировать становиться нечего.
подскажите решение. или может есть какой другой скрипт анимации, все которые пробовал работают по похожему принципу.

рони 03.02.2017 19:15

j0hnik,
что мешает в from поставить текущую сумму ?

j0hnik 03.02.2017 19:22

ставил, но получается если и в form и в to поставить price то анимировать нечего будет, число же одинаковое будет. А конкретно цифрой поставить нельзя.

j0hnik 03.02.2017 19:23

можно в from поставить, но что тогда поставить в to?

j0hnik 03.02.2017 19:30

простите если что-то недопонимаю, я js не знаю просто. пытаюсь вот хоть немного освоить.

j0hnik 03.02.2017 19:39

да и еще одна проблемка, если анимировать значение каждого чекбоска, тут как раз с нуля нужно, по независимо от го чтогае мы конкретный чекбокс или нет, начинают бежать все цифры в чекбоксах.

рони 03.02.2017 19:55

j0hnik,
делайте полноценнный макет

j0hnik 03.02.2017 20:05

http://codepen.io/anon/pen/qRYKNL - вот посмотрите плиз!

рони 03.02.2017 20:09

j0hnik,
ок ... не торопливо гляну

j0hnik 03.02.2017 20:10

спасибо вам =)


Часовой пояс GMT +3, время: 16:39.