<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

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

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

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

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

Какая тема Вас интересует больше?

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

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

fred

Новичок

Новичок

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

Сообщений: 2

В варианте,который описан в статье, текст выводится в цикле без задержки.
Это не очень. Сильно мельтешит.
Хотелось бы после каждого вывода делать паузу. Следующий шаг – ограничение числа выводов. Скажем, после трех выводов текст остается неподвижным до следующей активации скрипта.
Скрипт не прошу.
Прошу объяснить какие шаги надо сделать для реализации этой идеи.
Профиль
01.08.2012 13:57:56 Анимация написания текста на JavaScript Сообщение #2
Admin

Admin

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

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

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

Сообщений: 3063

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

fred

Новичок

Новичок

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

Сообщений: 2

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

Admin

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

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

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

Сообщений: 3063

Да, Вы всё правильно поняли. Только функцию не надо создавать, проще сделать задержку переменной и увеличивать, когда вся фраза напечатана.
Профиль
10.08.2012 13:05:39 Анимация написания текста на JavaScript Сообщение #5
Ignatenko102@mail.ru

[email protected]

Новичок

Новичок

Дата регистрации:
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

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

[email protected]

Новичок

Новичок

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

Сообщений: 3

даааа мне еще учиться и учиться на javascript
Профиль
10.08.2012 15:49:40 Анимация написания текста на JavaScript Сообщение #8
Ignatenko102@mail.ru

[email protected]

Новичок

Новичок

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

Сообщений: 3

я в видеокурсе платном смотрел думал все праврил все правильно а вот оказывается нет не удобно смотрет и сразу писать
Профиль