Таймер обратного отсчета JAVASCRIPT - Помощь студентам

Мария19043 · 25.04.2020, 15:30

Как добавить еще и дни?

Код:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<title>Создаем таймер обратного отсчета - Seo блог sergey-oganesyan.ru</title>
<script>
window.onload = function(){ 

	function timer(){

		var hour = document.getElementById('hour').innerHTML;
		var minute = document.getElementById('minute').innerHTML;
		var second = document.getElementById('second').innerHTML;
		var end = false;
		
		if( second > 0 ) second--;
		else{
			second = 59;
			
			if( minute > 0 ) minute--;
			else{
				second = 59;
				
				if( hour > 0 ) hour--;
				else end = true;
			}
		}

		if(end){
			clearInterval(intervalID);
			alert("Таймер сработал!");
		}else{
			document.getElementById('hour').innerHTML = hour;
			document.getElementById('minute').innerHTML = minute;
			document.getElementById('second').innerHTML = second;
		}
	}
	window.intervalID = setInterval(timer, 1000);
}
</script>
<style>
#timer{
margin: 20px auto;
text-align: center;
color: #333;
font-family: fantasy;
font-size: 100px;
cursor: default;
}

#timer div{
display: inline;
}
</style>
</head>
<body>

	<div id="timer">
		<div id="hour">11</div>&nbsp;.
		<div id="minute">56</div>&nbsp;.
		<div id="second">45</div>
	</div>

</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Таймер обратного отсчета (мин:сек:мсек)	rydoy24	JavaScript, Ajax	4	15.10.2016 22:36
Таймер обратного отсчета в VBA	LiannaVoron	Помощь студентам	0	27.04.2014 17:51
Таймер обратного отсчета	kpachbiu	JavaScript, Ajax	4	09.01.2011 15:32
Таймер обратного отсчета	Bilargo	Помощь студентам	6	30.09.2009 17:02
Таймер обратного отсчета на С	Raptor	Помощь студентам	6	08.01.2008 01:11