Советы по JavaScript : Интересный JavaScript - побуквенное появление текста

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Данный эффект позволяет выводить текст побуквенно. Есть возможность задавать количество выводимых за один раз символов и скорость вывода.

Вот код:

<script>
var source,dest,len,now=0,delay=100,letters=1;
function show_text()
{
    source = document.getElementById("pageTextSource");
    dest = document.getElementById("pageText");
    len = source.innerHTML.length;
    show();
}

function show()
{
    dest.innerHTML += source.innerHTML.substr(now,letters);
    now+=letters;

    if(now<len)
    	setTimeout("show()",delay);
    }
</script>
<body onload="show_text();">
<p style="display:none" id="pageTextSource">

Текст для вывода...

<p id="pageText">
</p>
</body>
Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования