Узнать разрешение вашего экрана и IP адрес   •   Online-инструменты
336 просм
0 комм
Поделиться:

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

Сейчас многие сайты все больше и больше хотят удивить посетителей интересными и необычными вещами и, тем самым, привлечь их внимание. Одним из таких вещей является текст, который как бы набирается сам по себе.

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

Зрелище интересное, и как его сделать, я сейчас покажу.

Для реализации этой идеи мы воспользуемся следующим скриптом:

<script>
	var text = "Hello, World!"; // Ваш текст
	var delay = 100; // Скорость печатания
	var elem = $("#result"); // id элемента для вывода результата

	var print_text = function(text, elem, delay){
		if(text.length > 0) { 
			elem.append(text[0]);
			setTimeout(
				function(){
					print_text(text.slice(1), elem, delay);            
				}, delay                 
			);
		}
	}

	print_text(text, elem, delay);
</script>

Его вы вставляете на нужную страницу, желательно перед закрывающим тегом </body>. В нем вы меняете надпись, которая будет печататься, а также скорость, с которой этот эффект будет происходить. Чем меньше число – тем выше скорость печатания.

После чего в нужное место на вашем сайте вы вставляете следующий код:

<div id="result"></div>

Он отвечает за вывод информации. Сохраняете все нововведения и любуетесь результатом. Если возникли трудности в добавлении этого эффекта на сайт – пишите об этом в комментариях.

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария