Справка веб-мастера     Справочник web-мастера и программиста
  PHP       Интернет       Беб-дизайн       Безопасность       Javascript     Информеры     Game      
          Игра шарики



JavaScript: посимвольное появление текста на странице

Данный Javascript эффект позволяет выводить текст посимвольное (побуквенно). Можно задавать количество выводимых за один раз символов и скорость вывода. В нашем примере, изменяя значения переменных delay и letters, можно задавать задержку вывода символов - delay и количество символов - letters. Javascript код:


<script>
var source,dest,len,now=0,delay=300,letters=2;
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>

Пример вывода: Для начала побуквенного вывода строки симовов поместите указатель мыши на прямоугольную область ниже:













  Copyright © King-dom.ru, 2008-2013       Разработка сайта SoftHolm.com