Добро пожаловать на ИТ форум!

После быстрой регистрации у вас будет возможность участвовать в дискуссиях, создавать новые посты, и еще много чего.

Регистрация

Скрипт таймера перед открытием ссылки

Статус
Закрыто для дальнейших ответов.

Evgeniy_k

New Member
Регистрация
13.06.2016
Сообщения
33
Привет всем кто в теме :)
Ребята, требуется небольшая консультация относительно дизайна.
В общем суть вот в чем: установил скрипт создающий задержку на 15 секунд перед открытием ссылок.
сам скрипт


<script type="text/javascript">

window.onload = function () {

var i = 15;

var timer = setInterval(function () {

i--;

document.getElementById('timer').innerHTML = 'Подготовка к скачиванию ссылки ' + i;

if (i == 0) {

document.getElementById('example').style.display = 'block';

document.getElementById('timer').style.display = 'none';

clearInterval(timer);

}

}, 1000)

}

</script>

<div id="timer"></div>
<div id="example" style=" display: none; ">

"ССЫЛКА, КОТОРАЯ ОТКРОЕТСЯ ПОСЛЕ ОТСЧЕТА ТАЙМЕРА" target="_blank">Скачать</a></p>
</div>

В принципе все нормально работает, но хотелось-бы немного внешний вид подкорректировать:
Фразу "Подготовка к скачиванию" обернул в теги "центр" и "стиль", но сам таймер оказался слева и мелким шрифтом.(Для наглядности прилепляю скрин)
Хотелось-бы чтобы он тоже был по центру.
Не подскажите как это сделать?
 

Вложения

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 834
Так добавь стили для #timer

#timer {
font-size:200%;
display:block;
margin: 0 auto;
}
И у тебя ошибка в коде или ты неправильно сюда вставил
<p><a href="ССЫЛКА, КОТОРАЯ ОТКРОЕТСЯ ПОСЛЕ ОТСЧЕТА ТАЙМЕРА" target="_blank">Скачать</a></p>
 

Evgeniy_k

New Member
Регистрация
13.06.2016
Сообщения
33
Статус
Закрыто для дальнейших ответов.
Верх Низ