Печать
Родительская категория: Web разработка
Категория: JavaScript (примеры и задачи)

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

Например: обратный отсчет времени до нового года.

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

 

Листинг файла backcount.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Обратный отчет</title>
</head>

<body>
<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()">

<p>До нового года осталось <span id="t" style="font-size:20px"></span></p>

</body>
</html>