Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Обратный отсчет времени на JavaScript

Этот скрипт позволяет показать у себя на сайте время до какого-нибудь события: до нового года, до экзаменов, до конца акции и т.д.

Например, до нового года осталось

Исходный код этого примера:
<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>
<body onload="time()">
<h1>Обратный отсчет времени на JavaScript</h1>
<p>Этот скрипт позволяет показать у себя на сайте время до какого-нибудь события:
до нового года, до экзаменов, до конца акции и т.д.</p>
<p>Например, до нового года осталось <span id="t" style="font-size:20px"></span></p>

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

Этот демонстрационный скрипт таймера использует общие переменные. Если Вы хотите использовать на странице несколько различных таймеров – Вам нужно использовать различные переменные и id объектов или оформить скрипт в виде класса.


.