Помогите с таймером
<script language="javascript" type="text/javascript"> // Устанавливаем счетчик на 5 секунд jQuery(document).ready(function() { $('#countdown_dashboard').countDown({ //время, сколько отсчитывать до события targetOffset: { 'day': 0, 'month': 0, 'year': 0, 'hour': 0, 'min': 1, 'sec': 0 }, // По завершении счета будет выскальзывать панель if ('day'==0 &'month'==0 &'year'==0 &'hour'==0 &'min'==0 &'sec'==0){ #complete_info_message onComplete: function() { $('#complete_info_message').slideDown(),$('#countdown_dashboard').hide() } }); }); } </script> <!-- Завершение панели счетчика --> <div class="info_message" id="complete_info_message" style="display: none;">Время истекло!</div> Как сделать,чтоб при открытии браузера и по прошествии счетчика высвечивалось сообщение "время истекло".При открытом браузере и по окончании таймера,сообщение отображается.Что я делаю неправильно? |
Вы в каком веке живете?
Часы либо перекидные, либо с прокруткой. Если с прокруткой, то новая цифра должна выезжать. Если перекидные, то лепесток должен сверху уменьшаться снизу увеличиваться. Все браузеры поддерживают написание вертикальных слов и используя css transition можно сделать куда более интересные часы с деградацией на старых ie. Вместе с html+css+js получается 11 кб. |
Вложений: 1
<!-- Начало панели счетчика --> <div id="countdown_dashboard"> <div class="dash weeks_dash"> <span class="dash_title">недель</span> <div class="digit">0</div> <div class="digit">0</div></div> <div class="dash days_dash"> <span class="dash_title">дней</span> <div class="digit">0</div> <div class="digit">0</div> </div> <div class="dash hours_dash"> <span class="dash_title">часов</span> <div class="digit">0</div> <div class="digit">0</div> </div> <div class="dash minutes_dash"> <span class="dash_title">минут</span> <div class="digit">0</div> <div class="digit">1</div> </div> <div class="dash seconds_dash"> <span class="dash_title">секунд</span> <div class="digit">0</div> <div class="digit">0</div> </div> </div> <!-- Завершение панели счетчика --> <div class="dev_comment"> Плагин тестировался в браузерах<br />IE 6, IE 7, IE 8, FF 3, Safari 4, Opera 9, Chrome 4 </div> <script language="javascript" type="text/javascript"> // Устанавливаем счетчик на 5 секунд jQuery(document).ready(function() { $('#countdown_dashboard').countDown({ //время, сколько отсчитывать до события targetOffset: { 'day': 0, 'month': 0, 'year': 0, 'hour': 0, 'min': 1, 'sec': 30 }, // По завершении счета будет выскальзывать панель #complete_info_message onComplete: function() { $('#complete_info_message').slideDown(),$('#countdown_dashboard').hide() } }); }); </script> <!-- Завершение панели счетчика --> <div class="info_message" id="complete_info_message" style="display: none;">Время истекло!</div> Таймер рабочий.Но мне надо чтоб во время отсчета времени высвечивалась ссылка,текст и тп., а как таймер закончил отсчет,сссылки,текста и тп исчезало |
Часовой пояс GMT +3, время: 04:45. |