<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

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

Подписавшись по 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

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

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

Ignatenko102@mail.ru

Новичок

Новичок

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

Сообщений: 3

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

Ignatenko102@mail.ru

Новичок

Новичок

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

Сообщений: 3

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