<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

Рассчитан и на новичков, и на тех, кто уже знаком с основами, но хочет освоить полный цикл разработки.

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

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

Подпишитесь на мой канал на 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

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

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