Самопечатающийся текст на JavaScript

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

<span id="write"></span>

Затем создадим массив со списком текста:

var mess=new Array(
 "Яблоко",
 "Груша",
 "Банан",
 "Мандарин");

После напишем функцию, которая будет печатать наш текст:

// Пауза в миллисекундах
var pause = 2500;
// Скорость печатания
var speed = 120;
var i = i_str = 0;
var msg = msgp = msga = "";

function get_text() {
 msgp = mess[i].substring(0, i_str-1);
 msga = mess[i].substring(i_str-1, i_str);
 msg = msgp + msga;
}

function go() {
if (i_str<=mess[i].length-1) {
 i_str++;
 get_text();
 if (document.all) write.innerHTML = msg;
 else if (document.layers) {
  document.write.document.write(msg);
  document.write.document.close();
 }
 else document.getElementById("write").innerHTML = msg;
 var timer = setTimeout("go()", speed);
}
else {
 clearTimeout(timer);
 var timer = setTimeout("changemess()", pause);
}
}
function changemess() {
 i++;
 i_str = 0;
 if (i>mess.length-1) i = 0;
 go();
}

И наконец запустим функцию:

go();

На этом всё.

Комменарии

Написать комментарий

Примечание: HTML разметка не поддерживается! Используйте обычный текст.
    Плохо           Хорошо
Защита от роботов