Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Моя группа

Каким движком Вы предпочитаете пользоваться?

Бесплатный Видеокурс по основам HTML

Особенности Видеокурса:

- 11 видеоуроков

- Более 2-х часов видео

- Создание реального сайта

Чтобы получить Видеокурс,
заполните форму

Другие курсы

Создание лендингов на заказ

Придя на семинар:

- Вы узнаете мою историю, как я начинал создавать сайты на заказ.

- Вы узнаете, почему сейчас самое время начать этим заниматься.

- Вы получите очень подробный пошаговый план действий по созданию и продвижению своей Web-студии с комментариями, в том числе, и в виде PDF.

- Вы узнаете, как и где найти сотрудников, как общаться с заказчиками.

- Вы узнаете, как максимально автоматизировать бизнес-процессы.

После семинара Вы уже самостоятельно сможете, следуя простому и подробному плану, открыть свою Web-студию и получить первые заказы.

Записаться

Другие курсы

Власть над собой — самая высшая власть; порабощение своими страстями — самое страшное рабство.

Сенека

Форум сайта MyRusakov.ru

Новая тема Ответить

01.08.2012 02:11:45 Анимация написания текста на JavaScript Сообщение #1

fred

Новичок

Дата регистрации:
01.08.2012 00:58:59

Сообщений: 2

В варианте,который описан в статье, текст выводится в цикле без задержки.
Это не очень. Сильно мельтешит.
Хотелось бы после каждого вывода делать паузу. Следующий шаг – ограничение числа выводов. Скажем, после трех выводов текст остается неподвижным до следующей активации скрипта.
Скрипт не прошу.
Прошу объяснить какие шаги надо сделать для реализации этой идеи.

Профиль Ответить

01.08.2012 13:57:56 Анимация написания текста на JavaScript Сообщение #2

Admin

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Пауза там передается аргументом функции setTimeout(), в примере стоит 100. Конец вывода текста определяется по условному оператору: if (i > text.length). Вот в него вы и можете добавить следующий вывод с увеличенной задержкой, или сделать ещё один счетчик, который уже будет считать количество выводов текста, после которых надо остановить анимацию.

Профиль Ответить

01.08.2012 17:51:21 Анимация написания текста на JavaScript Сообщение #3

fred

Новичок

Дата регистрации:
01.08.2012 00:58:59

Сообщений: 2

Про счетчик идею уловил.
Относительно паузы – с трудом. То о чем Вы пишете (100) влияет на скорость появления букв. Меня же интересует задержка между фразами. Видимо, нужно создать еще одну функцию setTimeout() именно для фраз.
Ладно. Простор для деятельности есть.
Будем экспериментировать. Спасибо за совет.

Профиль Ответить

01.08.2012 22:22:41 Анимация написания текста на JavaScript Сообщение #4

Admin

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Да, Вы всё правильно поняли. Только функцию не надо создавать, проще сделать задержку переменной и увеличивать, когда вся фраза напечатана.

Профиль Ответить

10.08.2012 13:05:39 Анимация написания текста на JavaScript Сообщение #5

Ignatenko102@mail.ru

Новичок

Дата регистрации:
03.08.2012 19:47:30

Сообщений: 3

почему не работает таймер
<html>
<head>
<title>Таймер</title>
<script language = "javascript">
function dynamic(str){
var x = 0;
var = id setInterval(dynam. 100);
function dynam() {
document.getElementById("din"

.inner += str.char(x);
if (x == string.length) clearInterval(id);
}
}
</script>
</head>
<body>
<span id = "din"></span>
<script language = "javascript">
dynamic("Это динамический текст. Спасиюо за просмотр."

;
</script>
</body>
</html>

Профиль Ответить

10.08.2012 13:41:15 Анимация написания текста на JavaScript Сообщение #6

Admin

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Потому что у Вас очень много ошибок в коде. Переменная x никуда не передается, не правильно заданы аргументы для setInterval, inner вместо innerHTML и так далее. То, что Вы хотите сделать уже есть тут http://myrusakov.ru/javascript-dynamic-text.html

Профиль Ответить

10.08.2012 15:46:59 Анимация написания текста на JavaScript Сообщение #7

Ignatenko102@mail.ru

Новичок

Дата регистрации:
03.08.2012 19:47:30

Сообщений: 3

даааа мне еще учиться и учиться на javascript

Профиль Ответить

10.08.2012 15:49:40 Анимация написания текста на JavaScript Сообщение #8

Ignatenko102@mail.ru

Новичок

Дата регистрации:
03.08.2012 19:47:30