<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

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

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

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