Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите с таймером (https://javascript.ru/forum/misc/44443-pomogite-s-tajjmerom.html)

Helen0104 20.01.2014 00:04

Помогите с таймером
 
<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>


Как сделать,чтоб при открытии браузера и по прошествии счетчика высвечивалось сообщение "время истекло".При открытом браузере и по окончании таймера,сообщение отображается.Что я делаю неправильно?

Gozar 21.01.2014 16:46

Вы в каком веке живете?

Часы либо перекидные, либо с прокруткой.

Если с прокруткой, то новая цифра должна выезжать.
Если перекидные, то лепесток должен сверху уменьшаться снизу увеличиваться.

Все браузеры поддерживают написание вертикальных слов и используя css transition можно сделать куда более интересные часы с деградацией на старых ie. Вместе с html+css+js получается 11 кб.

Helen0104 21.01.2014 21:43

Вложений: 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, время: 21:50.