Переменная постоянно увеличивается

[Wasc]

Недавно зашел на сайт http://www.worldometers.info/ru/ и сразу заинтересовался переменными, которые постоянно увеличиваются за определенный промежуток времени.

Захотелось сразу сделать что-то подобное. Прогуглил, по теме ничего не нашел . Спасибо за содействие

P.S. Надо как-то прописать, чтобы переменная постоянно увеличивалась, при этом когда менялась, то записывалась куда-то. Насчет обнуления переменных каждый год сделаю сам.

[Wasc]

Да не ребят. Я в милисекундах подберу среднюю статистику к каждому типу. Раз в год буду сам менять интервалы в зависимости от обновления статистики на мировых сайтах.

Оффтоп. Кстати популяция неуклонно растет. Причем очень быстро. Я бы сказал это не мего круто. совсем не круто

А так всем спасибо за помощь.

p.s. идея с временем вообще суперская. без всяких сохранений значений обошлись

Edited June 15, 2011 by Wasc

[Wasc]

Только обрадовался, что все работает и на те...

Пытаюсь добавить новые переменные:

<script type="text/javascript">
window.onload = function() {
    var counter = document.getElementById('counter'),
    var counter2 = document.getElementById('counter2'),
        startDate = new Date(2011, 0, 0, 0, 0, 0, 0),
        currentDate = new Date(),
        startValue = 0,
        endValue;
        endValue2;

    startDateMs = Date.parse(startDate);
    currentDateMs = Date.parse(currentDate);
    endValue = (currentDateMs - startDateMs) / 538;
    endValue2 = (currentDateMs - startDateMs) / 235;
    endValue = parseInt(endValue);
    endValue2 = parseInt(endValue2);
    counter.innerHTML = endValue;
    counter2.innerHTML = endValue2;

    function deaths() {
        endValue ++;
        counter.innerHTML = endValue ;
    }

    function births() {
        endValue2 ++;
        counter2.innerHTML = EndValue2
    }

    setInterval(deaths, 538);
    setInterval(births, 235);
}
</script>

Далее html код:

<table background="img/stats-background.png">
<tr>
<td><font color="white"><strong><span id="counter">0</span></strong></font></td><td><font face="Tahoma" 

size="2">cмертей в этом году</font></td>
</tr>
<tr>
<td><font color="white"><strong><span id="counter2">0</span></strong></font></td><td><font face="Tahoma" 

size="2">рождений в этом году</font></td>
</tr>
</table>

При добавлении новых переменных и выражений не работает ни статистика с рождениями, ни со смертями. В чем ошибка.

P.S. Раньше твой endValue отображался у меня с остатком. Решил исправить, поставив на него parseInt. Надеюсь это не источник ошибки

[MetSerp]

<script type="text/javascript">
window.onload = function() {
    var counter = document.getElementById('counter');
    var counter2 = document.getElementById('counter2');
    var startDate = new Date(2011, 0, 0, 0, 0, 0, 0);
    var   currentDate = new Date();
    var  startValue = 0;
    var   endValue;
    var   endValue2;

    startDateMs = Date.parse(startDate);
    currentDateMs = Date.parse(currentDate);
    endValue = (currentDateMs - startDateMs) / 538;
    endValue2 = (currentDateMs - startDateMs) / 235;
    endValue = parseInt(endValue);
    endValue2 = parseInt(endValue2);
    counter.innerHTML = endValue;
    counter2.innerHTML = endValue2;

    function deaths() {

        endValue ++;
        counter.innerHTML = endValue ;
    }

    function births() {
        endValue2 ++;
        counter2.innerHTML = endValue2
    }

    setInterval(deaths, 538);
    setInterval(births, 235);
}
</script>
<table >
<tr>
<td><span id="counter">0</span></td>
<td>cмертей в этом году</td>
</tr>
<tr>
<td><span id="counter2">0</span></font></td>
<td>рождений в этом году</td>
</tr>
</table>

так будет работать.

1 не так определили переменные, не везде добавили ключевое слово var

2 яваскрипт регистрозависим потому EndValue2 != endValue2

Такие ошибки хорошо ловить фаербагом или стандартным хромовским тулзом

И чуть не забыл, использовать лучше css свойства а не font итп.

Edited June 15, 2011 by MetSerp

[Wasc]

сейча все работает. ну что ж, теперь буду знать, что var'ы ставить надо.

регистр то вот знал... описался

А почему же нежелательно html'овские возможности дизайна использовать?

[MetSerp]

данный конкретный, а именно font - устарел.

А если глобально то:

1 Чище код - нет мешанины из стилей и тегов.

2 сама страница меньше весит , и удобнее для поисковиков.

3 меньше шансов запутаться во вложенности тегов, например у вас вы сделали так.

<font color="white"><strong><span id="counter2">0</span></strong></font>

но если мне не изменяет память то в фонт нельзя вкладывать спан.

По уму еще и яваскрипт выкидывать в отдельный файл, но есть некоторые ситуации когда лучше оставлять внутри страницы

ЗЫ, не сразу понял почему вы не использовали вар, а сейчас понял что вы имели ввиду, то что вы делали делается так:

    var counter = document.getElementById('counter'),
        counter2 = document.getElementById('counter2'),
        startDate = new Date(2011, 0, 0, 0, 0, 0, 0),
        currentDate = new Date(),
        startValue = 0,
        endValue,
        endValue2;

то есть, через запятую, но тогда не должно быть var

var counter = document.getElementById('counter'),// либо тут точка с запятой вместо запятой
    var counter2 = document.getElementById('counter2'),// либо тут нет var

и точка с запятой должна быть у последнего элемента

        endValue;// тут объявление переменных кончилось
        endValue2;// а тут произошел вызов неопределенной переменной endValue2

[Wasc]

без ошибок в практике никуда. учусь только