Скрипт - Часы бегущие и показывающие сколько осталось до 2012 года
Скрипт, Часы бегущие и показывающие сколько осталось до боя курантов в 2012 год, и так же событием завершения отсчета сюрпризным, можно переделать под свой сюрприз.
Счет ведется сколько недель, дней, часов, минут, секунд.
Пример работы часиков на странице
Поздравление музыкальное с новым 2012 годом Установка:
В <head>***</head> вставляем стиль и скрипта:
Code
<style> #td_progressp {background-color:#FF0000 ;height:12;} #td_progress {background-color:#FFFF00 ;border:1px solid #000000;} #td_progress1p {background-color:#8888FF;height:12;} #td_progress1 {background-color:#FF8888;border:1px solid #000000;} #td_progress2p {background-color:#FFFF88;height:12;} #td_progress2 {background-color:#8888FF;border:1px solid #000000;} #td_progress3p {background-color:#88FF88;height:12;} #td_progress3 {background-color:#9900FF;border:1px solid #000000;} #td_rem_weekp, #td_rem_dayp, #td_rem_hourp, #td_rem_minp, #td_rem_secp {background-color:#FFCC00; height:12;} #td_rem_week, #td_rem_day, #td_rem_hour, #td_rem_min, #td_rem_sec {background-color:#FFFFCC;border:1px solid #000000;} </style> <script src='http://ucozon.ru/SCRIN3/ALINA_14_fevral/events.js'></script>
Далее копируем сам скрипт часиков и вставляем в нужное место с условием что минимальная ширина этого места должна быть не менее 800px
Code
<body onload='Init()' style="background: #F0F0F0; margin:15px; padding:15px;"> <div align='center'><script> function OnInterval() { now = new Date(); var sNow = 'сейчас: '+GetDateStr( now ); var year = now.getFullYear(); if( now.getMonth() < 7 ) --year; var begin, end; begin = new Date( 2010, 12-1, 31+1 ) end = new Date( 2012, 1-1, 1 ); Period( begin, end, 'td_progress','Отсчёт процента завершенного ожидания события начнётся по окончанию следующей даты — 2011-12-31',' ожидания Нового 2012 Года завершено','Ура!!! Здравствуй Новый Год!!!'); SetTime( now, 'td_now', 'сейчас: %s' ); //begin SetTime( begin, 'td_begin' ); //end SetTime( end, 'td_end' ); //remain Remain( end, 'td_rem_' ); } </script> <h1>Счетчик оставшегося времени до нового 2012 года!</h1> <table width=90% align='center' cellpadding=5 cellspacing=0 class=bl> <tr> <td align=left id=td_begin> </td> <td align=center id=td_now> </td> <td align=right id=td_end> </td> </tr> <tr> <td colspan=3> <script>DrawLabProgress( 'td_progress' );</script> </td> </tr> </table> <table class=bl align=center width=90%> <col><col><col width=100%> <tr> <td height='22' colspan=3> А пока что до Нового <b>2012</b> Года осталось: </td> </tr> <tr> <td>недель:</td> <td id=td_rem_week_label align=right> </td> <td><script>DrawProgress( 'td_rem_week' );</script></td> </tr> <tr> <td>дней:</td> <td id=td_rem_day_label align=right> </td> <td><script>DrawProgress( 'td_rem_day' );</script></td> </tr> <tr> <td>часов:</td> <td id=td_rem_hour_label align=right> </td> <td><script>DrawProgress( 'td_rem_hour' );</script></td> </tr> <tr> <td>минут:</td> <td id=td_rem_min_label align=right> </td> <td><script>DrawProgress('td_rem_min' );</script></td> </tr> <tr> <td>секунд:</td> <td id=td_rem_sec_label align=right> </td> <td><script>DrawProgress( 'td_rem_sec' );</script></td> </tr> </table> <CENTER> <div align="center" text="#000088"> <SCRIPT LANGUAGE="JavaScript"> <!-- var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie("counter", visits, now) document.write("Вы заходили на страницы этого сайта " + visits + " раз(а)") // --> </SCRIPT> </div> <p > </CENTER><div text="#666666" align="center"><CENTER> <SCRIPT language=JavaScript> <!-- d0 = new Date('October 5 2008'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('Сайт UcozOn.Ru живет <B>' + Math.round(dt) + '</B>-й день.'); --> // --> </SCRIPT><p></p> <p align="left" class="mystyle2"> </p> </center> </div> </body>
Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3333
| Комментарии: 1
| Рейтинг: 5.0 /3 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты Разное | Добавил: мир
| Дата: 30.12.2011 | Скачали: 0 | Теги: показывающие , Бегущие , осталось , сколько , Скрипт , часы , 2012 , года
Похожие новости на нашем сайте
Всего комментариев: 1
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]