Основное меню

Cоздание страницы перенаправления

И так, что же потребуется для этого в самом начале, создаем форму где будут выводится данные об истекающем времени:

<center>
<form NAME="form1">
Подождите пожалуйста...<br />
Через <input TYPE="text" NAME="clock" SIZE="2" VALUE="" class='redirect'> секунд, Вы будете перенаправлены на главную страницу сайта "Дизайнерский веб-ресурс"
</form>
</center>

Теперь задаем стили, стили в данном примере прописаны не в отдельном файле style.css, а внутри HTML-страницы между тегами <style></style>, это сделано для того чтобы не лепить много всяких файлов, код данной страницы небольшой, поэтому и стили можно разместить в нем же, код стилей ниже:

<style type="text/css">
.redirect {
border:0;
margin-top: 2%;
color: #F26521;
font-size: 14px;
font-weight:700;
text-align: center;
}
</style>

И последнее, для того чтобы таймер начал отсчитывать время, вставляем между тегами <head></head> наш JS-скрипт:

<script LANGUAGE="javascript">
<!-- Начало //
var start=new Date();
start=Date.parse(start)/1000;
var counts=10; <!--/ число, определяющее время ожидания /-->
function CountDown(){
var now=new Date();
now=Date.parse(now)/1000;
var x=parseInt(counts-(now-start),10);
if(document.form1){document.form1.clock.value = x;}
if(x>0){
timerID=setTimeout("CountDown()", 100)
}else{
location.href="http://vipweb-portal.ru"
}
}
// Конец скрипта -->
<!-- задержка, установлена по умолчанию (желательно не изменять) равна (100 милисекундам т.е. 1 секунде)
window.setTimeout('CountDown()',100);
-->
</script>

Обратите внимание: var counts=10 - это число заданное по умолчанию, которое будет ожидать пользователь на странице до перенаправления. На этом создание страницы перенаправления закончено.

Скачать файл
размер файла: 1,47 Kb
cкачиваний: 46

Раздел: Статьи для веб-мастера




Дополнительно Популярное
Дизайнерский веб-ресурс: Дле, Вордпресс, Джумла, фотошоп, плагины, иконки, шаблоны, текстуры, смайлики, логотипы.