AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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

До нового года осталось

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



Исходный код этого примера:

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


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

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


.

© Copyright 2008-2016 by KDG