Таймер обратного отсчета, а после него текст?

Уважаемые тостеры, Здравствуйте!
Появилась очень важная для меня проблема.
Так как я в принципе не очень разбираюсь в JavaScript, то прощу помощи здесь: для друга появилась идея сделать небольшой и простой(!) сайт-открытку к его день рождению.
Суть такая: он заходит на сайт, а там стоит таймер отсчета до его д/р (предположим, до 1 ноября).
После того, как он зашел на сайт 1 ноября, таймер исчез и появилось следующее: при загрузке страницы печатающийся текст.
как здесь (надо подождать 20 секунд www.psy.msu.ru/404.html)
Итак, что я сделал:
я взял js код с этого сайта, написал простой сайт на html и вставил туда код с той страницы. печатающийся текст появился, но теперь возник другой вопрос - как прикрутить таймер, а только ПОСЛЕ истечения времени показывать печатающийся текст?
Заранее спасибо!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Это твой праздник..</title>
<meta http-equiv=Content-Type content="text/html; charset=utf-8"
name=Keywords>
<meta content="MSHTML 6.00.2600.0" name=GENERATOR>

<script language=javascript>
//some script 
document.onmousedown=click;
    function click(e){
        if (event.button == 2){ 
        alert('Здесь тоже ничего нет!');
        }
}
//finish
<!--
var tl = new Array(
"Вы смотрите на эту страницу уже 20 секунд.",
"Странно, что Вы ещё тут."
);

var speed = 40;
var index = 0; text_pos = 0;
var str_length = tl[0].length;
var contents, row;

function err_text()
{
window.setTimeout( "type_text()", 2000);
}



function type_text()
{
    contents = '';
    row = Math.max(0, index-7);
    while (row<index) contents += tl[row++] + '\r\n';
    document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
    if (text_pos ++== str_length)
    {
        text_pos = 0;
        index++;
        if (index != tl.length)
        {
            str_length = tl[index].length;
            setTimeout("type_text()", 1500);
        }
    } else
    setTimeout("type_text()", speed);
}



//-->
</script>
</head>
    <body text=#000000 vLink=#00007f aLink=#ff0000 link=#0000ff bgColor=#ffffff
    onload=err_text()>
    <script src="http://megatimer.ru/s/060ac825cfb366815634d5dd276a8938.js"></script> //это таймер с сайта, но если его оставить, то текст так и будет идти вместе с таймером..
        <hr>
        <br>
        <br>
            <form>
                <textarea rows=8 cols=60 style="border:none;overflow: hidden;"></textarea>
            </form>
        <br>
    </body>
</html>
  • Вопрос задан
  • 1007 просмотров
Пригласить эксперта
Ответы на вопрос 1
R0dger
@R0dger
Laravel/Yii/2 AngularJs PHP RESTful API
Сделать в CSS класс который скрывает DIV, по умолчанию он присутствует,
после того как время пройдет, убрать класс и DIV покажется.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы