Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить действие по окончанию таймера (https://javascript.ru/forum/misc/73483-dobavit-dejjstvie-po-okonchaniyu-tajjmera.html)

RArtemA 18.04.2018 20:13

Добавить действие по окончанию таймера
 
Доброго времени суток) Ребята, подскажите, кто может. Есть скрипт обратного отсчета до даты. Нужно припаять действие по его окончании. К примеру сделать доступной ссылку, или заменить сам таймер на ссылку. Мои первые шаги, не судите строго)
<html>
 
<head></head>
 
<body onload="time()">
    
<script type="text/javascript">


    var year = 2018;
	var month = 4;
	var day_month = 20;
	var hour = 21;
	
	
function timer() {
    var months = month-1;
    var nowDate = new Date();
    var achiveDate = new Date(year,months,day_month,hour,0,0); //Задаем дату, к которой будет осуществляться обратный отсчет
    var result = (achiveDate - nowDate)+1000;
    if (result < 0) {
        var elmnt = document.getElementById('timer');
        elmnt.innerHTML = ' - : - - : - - : - - ';
        return undefined;
    }
    var seconds = Math.floor((result/1000)%60);
    var minutes = Math.floor((result/1000/60)%60);
    var hours = Math.floor((result/1000/60/60)%24);
    var days = Math.floor(result/1000/60/60/24);
    if (seconds < 10) seconds = '0' + seconds;
    if (minutes < 10) minutes = '0' + minutes;
    if (hours < 10) hours = '0' + hours;
    var elmnt = document.getElementById('timer');
    elmnt.innerHTML = days + ':' + hours + ':' + minutes + ':' + seconds;
    setTimeout(timer, 1000);
}
 /* 
   Если таймер закончил свою работу, то сделать доступной к примеру:
   <p><a href="sample.html"><img src="images/sample.gif" width="50" 
   height="50" alt="Пример"></a></p>
   
   
   Или, если таймер закончил свою работу, то отобразить вместо него к примеру: 
   <p><a href="sample.html"><img src="images/sample.gif" width="50" 
   height="50" alt="Пример"></a></p>
   
*/

window.onload = function() {
    timer();
}
</script>

<h1 id="timer">Обратный отсчет времени</h1>

    
</body>
 
</html>

j0hnik 18.04.2018 20:41

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<span>10</span>
	<script>

(function fn(){
	if(--document.querySelector('span').textContent) setTimeout(fn, 1000);
	else document.body.style.backgroundColor = "red";
})();

	</script>
</body>
</html>

рони 18.04.2018 21:22

RArtemA,
строка 23, замените содержимое кавычек
Цитата:

Сообщение от RArtemA
- : - - : - - : - -

на то что вам нужно

RArtemA 18.04.2018 21:44

Точно!!! Спасибо Вам. Видать, пора нормально выспаться) Перед носом ответ же был)


Часовой пояс GMT +3, время: 08:58.