Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
  #2 (permalink)  
Старый 18.04.2018, 20:41
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!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>

Последний раз редактировалось j0hnik, 18.04.2018 в 20:44.
Ответить с цитированием
  #3 (permalink)  
Старый 18.04.2018, 21:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно добавить еще одно поле <input> sergofedor06 Javascript под браузер 20 17.09.2016 00:31
Как правильно внести изменения в скрипт таймера обратного отсчета времени? LADYX Элементы интерфейса 2 26.07.2016 22:25
продолжить работу таймера с помощью cookie dima1989 Элементы интерфейса 1 03.09.2015 09:37
Knockout добавить несколько классов svs Библиотеки/Тулкиты/Фреймворки 0 10.07.2014 16:22
Один обработчик для всех ninzzo Events/DOM/Window 4 02.02.2014 00:27