Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Отсчет времени До нового года ("JavaScript")


Отсчет времени До нового года ("JavaScript")

Сообщений 1 страница 15 из 15

1

Хороший скрипт, показывающий дату в часах, минутах, секундах - до определённой даты
  Куда ставить?
-Туда где он будет смотреться ( самое оптимальное обьявление)

<!--до нового года в минутах-->
<div id='x1' style='padding:10px; border: 1px dashed orange;'></div>

<script Language="JavaScript">

var timeStr, dateStr, ostStr, x;

function clock() {
        now= new Date();
        ex = new Date(2008,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))*1000;
        ostStr = ostStr + Math.floor(x) + ' мсек. ';
         
         
        document.getElementById('x1').innerHTML =  '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Текущее время:&nbsp;&nbsp; ' + timeStr + '  ' + ' &nbsp;&nbsp;До нового года осталось:&nbsp;&nbsp;' + ostStr;

         
        Timer= setTimeout("clock()",10);
}     

clock();
</script>

orange  цвет рамочки Div`a
До нового года осталось  ну и так понятно..отображается как описание определённой даты)

Добавлено:
Вот пример.
http://i005.radikal.ru/0712/9a/293de4458e97.jpg

Отредактировано ТаББаК (Вт, 11 Дек 2007 05:15:00)

0

2

Пасипки. ^_^

0

3

ТаББаК
Прикольный скрипт. Пасиб.

0

4

а как поменять цвет надписи "до нового года осталось"?

0

5

ТаББаК написал(а):

orange  цвет рамочки Div`a

А какие еще цвета рамочки можно сделать? мне бы розовую...

0

6

orange на pink поменяй)

0

7

vitaslive
:*) ой... не сообразила. спасиб

0

8

Как изменить цвет слов и цвет времени ? И как увеличить размер ?
Только популярнее обьясните.

Отредактировано erkner (Ср, 12 Дек 2007 13:06:33)

0

9

Спасибо! А нельзя секунды убрать? А то мелькает беспрерывно.... можно сделать, что бы отсчет шел в минутах, а еще лучше, что бы вообще в часах?

0

10

Все, разобралась сама, спасибо

0

11

Все, разобралась сама, спасибо

0

12

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

0

13

Я просто убрала из кода секунды и все получилось отлично!
<!--до нового года в минутах-->
<div id='x1' style='padding:10px; border: 1px dashed orange;'></div>
<script Language="JavaScript">
var timeStr, dateStr, ostStr, x;
function clock() {
        now= new Date();
        ex = new Date(2008,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;
         
         
        document.getElementById('x1').innerHTML =  '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Текущее время:&nbsp;&nbsp; ' + timeStr + '  ' + ' &nbsp;&nbsp;До нового года осталось:&nbsp;&nbsp;' + ostStr;
         
        Timer= setTimeout("clock()",10);
}     
clock();
</script>

0

14

Получилось?

Отредактировано Lili (Чт, 13 Дек 2007 17:43:47)

0

15

Lili
Ага, спасибо =)

0


Вы здесь » Единый форум поддержки » Корзина » Отсчет времени До нового года ("JavaScript")