Бесконечный Счётчик Обратного Отсчёта
#1
Отправлено 20 Август 2013 - 06:18
#2
Отправлено 21 Август 2013 - 06:02
#3
Отправлено 21 Август 2013 - 06:17
Вот мне ещё надо что бы у меня был другой счётчик не с timegenerator.ru, а как бы свой который я на сайт могу постаить, мне надо что бы он был маленького размера где то 100х30рх может меньше, и поставить его в шапку сайта, там где у меня свободное место есть между лого и телефонами.
Я приложил изображение как всё должно получиться, зелёный прямоугольник это место таймера
#4
Отправлено 21 Август 2013 - 08:04
Roman(GRR) (21 Август 2013 - 06:17) писал:
Вот мне ещё надо что бы у меня был другой счётчик не с timegenerator.ru, а как бы свой который я на сайт могу постаить, мне надо что бы он был маленького размера где то 100х30рх может меньше, и поставить его в шапку сайта, там где у меня свободное место есть между лого и телефонами.
Я приложил изображение как всё должно получиться, зелёный прямоугольник это место таймера
Найдите код в шаблоне HTML -
<!-- Контакты --> <div id="contactInfo">и до этого кода вставьте -
<div class="chet"><img src="адрес до изображения" alt=""><div>Код счетчика</div></div>В конец main.css добавьте код -
.chet {position:absolute;left:223px;}
Код счетчика можете взять например здесь - http://forum.storela...ени/#entry33676
#5
Отправлено 21 Август 2013 - 11:01
Вот я вставил этот код, туда поставил код счётчика, а дальше как? Дату вроде бы написал, но нету счётчика, что я не так делаю?
#6
Отправлено 21 Август 2013 - 15:17
Roman(GRR) (21 Август 2013 - 11:01) писал:
Вот я вставил этот код, туда поставил код счётчика, а дальше как? Дату вроде бы написал, но нету счётчика, что я не так делаю?
Код -
<script type="text/javascript"> timeend= new Date(); // IE и FF по разному отрабатывают getYear() timeend= new Date(timeend.getYear()>1900?(timeend.getYear()+1):(timeend.getYear()+1901),0,1); // для задания обратного отсчета до определенной даты укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ); // Для задания даты с точностью до времени укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ, ЧАСЫ-1, МИНУТЫ); function time() { today = new Date(); today = Math.floor((timeend-today)/1000); tsec=today%60; today=Math.floor(today/60); if(tsec<10)tsec='0'+tsec; tmin=today%60; today=Math.floor(today/60); if(tmin<10)tmin='0'+tmin; thour=today%24; today=Math.floor(today/24); timestr=today +" дней "+ thour+" часов "+tmin+" минут "+tsec+" секунд"; document.getElementById('t').innerHTML=timestr; window.setTimeout("time()",1000); } </script>нужно было вставить до тега </head> в шаблоне HTML
А код подключения счетчика это -
<script> $(time()); </script> <span id="t" style="font-size:20px"></span>При этом не забудьте добавить код -
#t { font-size: 18px; margin-top: -37px; display: block; margin-top: -56px; opacity: 0.4; background: black; color: white; border-radius: 5px 5px 5px 5px; }в конец main.css
#7
Отправлено 21 Август 2013 - 16:02
$(time());
</script>
<span id="t" style="font-size:20px"></span>
А этот код куда ставить? И куда вводить Дату? Напишите пример пожалуйста, мне надо что бы были часы минуты секунды
#8
Отправлено 21 Август 2013 - 22:44
<script> $(time()); </script>
вам необходимо вставлять так же в шаблон "HTML" например после кода
<script type="text/javascript"> timeend= new Date(); // IE и FF по разному отрабатывают getYear() timeend= new Date(timeend.getYear()>1900?(timeend.getYear()+1):(timeend.getYear()+1901),0,1); // для задания обратного отсчета до определенной даты укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ); // Для задания даты с точностью до времени укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ, ЧАСЫ-1, МИНУТЫ); function time() { today = new Date(); today = Math.floor((timeend-today)/1000); tsec=today%60; today=Math.floor(today/60); if(tsec<10)tsec='0'+tsec; tmin=today%60; today=Math.floor(today/60); if(tmin<10)tmin='0'+tmin; thour=today%24; today=Math.floor(today/24); timestr=today +" дней "+ thour+" часов "+tmin+" минут "+tsec+" секунд"; document.getElementById('t').innerHTML=timestr; window.setTimeout("time()",1000); } </script>
а строку
<span id="t" style="font-size:20px"></span>
необходимо вставлять в то место, где вы хотите чтобы данный счетчик отображался.
#9
Отправлено 22 Август 2013 - 06:42
<script> $(time(2013,08,23)); </script>
вот этот код я вставил куда сказали, написал там дату! Я правильно сделал? Меню сместилось, а счётчик не появляется! Помогите пожалуйста!
<span id="t" style="font-size:20px"></span>
это я поставил перед контактами.
Помогите!
#10
Отправлено 23 Август 2013 - 01:56
<script type="text/javascript"> timeend= new Date(); // IE и FF по разному отрабатывают getYear() timeend= new Date(timeend.getYear()>1900?(timeend.getYear()+1):(timeend.getYear()+1901),0,1); // для задания обратного отсчета до определенной даты укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ); // Для задания даты с точностью до времени укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ, ЧАСЫ-1, МИНУТЫ); function time() { today = new Date(); today = Math.floor((timeend-today)/1000); tsec=today%60; today=Math.floor(today/60); if(tsec<10)tsec='0'+tsec; tmin=today%60; today=Math.floor(today/60); if(tmin<10)tmin='0'+tmin; thour=today%24; today=Math.floor(today/24); timestr=today +" дней "+ thour+" часов "+tmin+" минут "+tsec+" секунд"; document.getElementById('t').innerHTML=timestr; window.setTimeout("time()",1000); } </script> <script> $(time(2013,08,23)); </script>
на следующий
<script type="text/javascript"> $(function() { timeend = new Date(2013,08,23); timeend = new Date(timeend.getYear() > 1900 ? (timeend.getYear()+1) : (timeend.getYear()+1901), 0, 1); // для задания обратного отсчета до определенной даты укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ); // Для задания даты с точностью до времени укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ, ЧАСЫ-1, МИНУТЫ); setInterval(function() { var today = new Date(); today = Math.floor((timeend-today)/1000); var tsec = today % 60; today = Math.floor(today/60); if(tsec < 10) { tsec = '0' + tsec; } var tmin = today % 60; today = Math.floor(today/60); if(tmin < 10) { tmin = '0' + tmin; } var thour = today % 24; today = Math.floor(today/24); var timestr = today + " дней " + thour + " часов " + tmin + " минут " + tsec + " секунд"; $('#t').html(timestr); }, 1000); }); </script>
Далее в файле стилей main.css найдите
#t { background: none repeat scroll 0 0 black; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: block; font-size: 18px; margin-top: -56px; opacity: 0.4; }
и замените на
#t { background: #000; border-radius: 5px; color: #FFFFFF; display: block; font-size: 18px !important; left: 10px; padding: 10px; position: absolute; top: 70px; }
для изменения положения данного блока - измените свойства top и left соответственно.
#11
Отправлено 23 Август 2013 - 05:06
#12
Отправлено 31 Август 2013 - 16:27
#13
Отправлено 01 Сентябрь 2013 - 21:23
#14
Отправлено 03 Сентябрь 2013 - 01:01
#15
Отправлено 03 Сентябрь 2013 - 09:02
Главное, чтобы работал
#16
Отправлено 04 Сентябрь 2013 - 00:16
timeend= new Date(2013, 11, 08); timeend= new Date(timeend.getYear() > 1900? (timeend.getYear()+1):(timeend.getYear()+1901),0,1);
и замените его на
timeend= new Date(2013, 10, 08);
#17
Отправлено 06 Сентябрь 2013 - 17:57
#19
Отправлено 11 Сентябрь 2013 - 09:15
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных