Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   обратный счетчик на сайте (https://javascript.ru/forum/dom-window/25534-obratnyjj-schetchik-na-sajjte.html)

progns 08.02.2012 22:53

Еще добавьте, пожалуйста, сообщение за день. Например чтобы 20-ого выводил завтра конец света, а 21ого конец света наступил. Т.е. 2 сообщения.

Спасибо еще раз.

Seva1986 08.02.2012 23:32

<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="UTF-8"/>
    <title>Таймер</title>
    <style>
        #test {
            color: red;
            font-size: 30px;
        }
    </style>
</head>
<body>
<div id="test"></div>

<script>

    function SetDaysTimer(dd, mm, yy, timerElement, message1, message2, timerUpdateTime) {
        function getDaysLeft() {
            var daysLeft = (new Date(yy, mm - 1, dd) - new Date()) / 86400000;

            if (daysLeft > 0) daysLeft = parseInt(daysLeft) + 1;
            return daysLeft;
        }

        function formatDays(daysLeft) {
            var doubleEnding = ('0' + daysLeft).slice(-2);
            var singleEnding = ('0' + daysLeft).slice(-1);

            if ((doubleEnding > 10 && doubleEnding < 20) || singleEnding > 4 || singleEnding == 0) {
                return 'дней';
            } else if (singleEnding == 1) return 'день';
            return 'дня';
        }

        function showMessage(daysLeft) {
            if (daysLeft < 1) {
                timerElement.innerHTML = message2;
                clearInterval(timer);
                return;
            }
            if (daysLeft < 2) {
                timerElement.innerHTML = message1;
                return;
            }
            timerElement.innerHTML = daysLeft + ' ' + formatDays(daysLeft);
        }

        var timer = setInterval(function () {
            showMessage(getDaysLeft())
        }, (timerUpdateTime || 1) * 60000);
        showMessage(getDaysLeft());
    }

    /* Использование
     new SetDaysTimer(
     dd,  - число события
     mm,  - месяц события
     yy,  - год события
     timerElement, - элемент куда выводить сообщение
     message1, - текст сообщения за день до конца
     message2, - текст сообщения в день конца
     timerUpdateTime - время обновления сообщения в минутах, по умолчанию 1 минута
     );

     Пример
     */

    new SetDaysTimer(
            9,
            2,
            2012,
            document.getElementById('test'),
            'Завтра конец света',
            'Конец света наступил',
            5
    );


</script>

</body>
</html>

progns 08.02.2012 23:52

Спасибо еще раз. Вы мне очень помогли.

Seva1986 09.02.2012 00:05

Цитата:

Сообщение от progns
Спасибо еще раз. Вы мне очень помогли.

незачто, я за одно попрактиковался!:)


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