Найти в Дзене
WebTechnology
127 подписчиков

Анимация написания текста на JavaScript

69
~1 мин
Описание: Сегодня я представляю Вам простой, но в то же время интересный скрипт на JavaScript, который позволяет анимировать процесс написания текста. Я думаю, что Вы часто видели подобное в Интернете, и теперь Вы можете анимировать печать текста и на своём сайте. Результат: MyRusakov.ru - Как создат Код JavaScript (вставлять между тегами <head> и </head>): <script type="text/javascript">
function animateText(id, text, i) {
    document.getElementById(id).innerHTML = text.substring(0, i);
    i++;
if (i > text.length) i = 0;
    setTimeout("animateText('" + id + "','" + text + "'," + i + ")", 100);
}
</script> Код HTML (вставлять между тегами <body onload = 'animateText("dynamic-text", "MyRusakov.ru - Как создать свой сайт", 0);'> и </body>): <span id = 'dynamic-text'></span>

Описание: Сегодня я представляю Вам простой, но в то же время интересный скрипт на JavaScript, который позволяет анимировать процесс написания текста. Я думаю, что Вы часто видели подобное в Интернете, и теперь Вы можете анимировать печать текста и на своём сайте.

Результат:

MyRusakov.ru - Как создат

Код JavaScript (вставлять между тегами <head> и </head>):

<script type="text/javascript">
function animateText(id, text, i) {
    document.getElementById(id).innerHTML = text.substring(0, i);
    i++;
if (i > text.length) i = 0;
    setTimeout("animateText('" + id + "','" + text + "'," + i + ")", 100);
}
</script>

Код HTML (вставлять между тегами <body onload = 'animateText("dynamic-text", "MyRusakov.ru - Как создать свой сайт", 0);'> и </body>):

<span id = 'dynamic-text'></span>