Инструкция Таймер отсчета времени до Нового года

Будем делать таймер отсчета времени до Нового года на основе Объявления.

Снимок.PNG


Заходим в панель управления нашим форумом и открываем раздел Связь - Объявления admin.php?notices/. Добавить объявление. Тип объявления - блочное, Стиль отображения - основной либо акцент (на любителя).

В поле Сообщение вводим следующий код:
HTML:
<div id="x1" ></div>
<script>
var timeStr, dateStr, ostStr, x;

function clock() {
        now= new Date();
        ex = new Date(2018,0,1,0,0,0);

        // время
        hours= now.getHours();
        minutes= now.getMinutes();
        seconds= now.getSeconds();
        timeStr= "" + hours;
        timeStr+= ((minutes < 10) ? ":0" : ":") + minutes;
        timeStr+= ((seconds < 10) ? ":0" : ":") + seconds;

        // дата
        date= now.getDate();
        month= now.getMonth()+1;
        year= now.getYear();
        dateStr= "" + date;
        dateStr+= ((month < 10) ? "/0" : "/") + month;
        dateStr+= "/" + year;

        ostStr= "";
        x = (ex.getTime() - now.getTime())/1000;
        ostStr = Math.floor(x/60/60) + ' ч. ';
        ostStr = ostStr + Math.floor((x/60/60 - Math.floor(x/60/60))*60) + ' мин. ';
        x = (((x/60/60 - Math.floor(x/60/60))*60) - Math.floor((x/60/60 - Math.floor(x/60/60))*60))*60;
        ostStr = ostStr + Math.floor(x) + ' сек. ';
        x = (x - Math.floor(x))*10;
        ostStr = ostStr + Math.floor(x) + ' мс. ';

        document.getElementById('x1').innerHTML ='<p align="center"><font color="#000000" size="3"><b>До нового года осталось:</b><br /><font color="#ed3a0e" size="5">' + ostStr;
        Timer= setTimeout("clock()",10);
}

clock();
</script>
В следующем году найти строчку ex = new Date(2018,0,1,0,0,0); поменять на ex = new Date(2019,0,1,0,0,0);

С новым годом!
Автор
daglex
Первый выпуск
Обновление
Рейтинг
0.00 звезд Оценок: 0

Еще ресурсы от daglex

Поделиться этим ресурсом