Помогите с таймером
<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, время: 06:31. |