Показать сообщение отдельно
  #1 (permalink)  
Старый 18.04.2018, 20:13
Новичок на форуме
Отправить личное сообщение для RArtemA Посмотреть профиль Найти все сообщения от RArtemA
 
Регистрация: 01.04.2018
Сообщений: 3

Добавить действие по окончанию таймера
Доброго времени суток) Ребята, подскажите, кто может. Есть скрипт обратного отсчета до даты. Нужно припаять действие по его окончании. К примеру сделать доступной ссылку, или заменить сам таймер на ссылку. Мои первые шаги, не судите строго)
<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>
Ответить с цитированием