Как сделать таймер

Как быстро добавить таймер в видео

Таймер в видео — это удобный инструмент, позволяющий подчеркнуть продолжительность действия. Их часто добавляют в таймлапсы, видеоинструкции и спортивные ролики. Кроме того, таймер с обратным отсчётом времени идеально подходит для создания интриги в начале сцены.

Вставить таймер в видео можно двумя простыми способами:

1. Вы можете добавить таймер в бесплатном редакторе VSDC в процессе монтажа.
2. Вы можете скачать бесплатное стоковое видео с обратным отсчётом и просто добавить его в клип в качестве самостоятельного фрагмента.

Ниже мы детально расскажем, как применить каждый из способов.

Как добавить таймер в видео, используя редактор VSDC

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

Весь процесс займёт у вас несколько минут:

1. Установите VSDC на компьютер, запустите программу и импортируйте своё видео.
2. В меню слева найдите иконку «T» и выберите опцию «Счётчик».
3. Во всплывающем окне выберите «По всей длительности родителя», если вы хотите, чтобы отсчёт времени продолжается на протяжении всего видео. Если таймер должен быть показан временно, выберите опцию «С позиции курсора».
4. Вручную разместите таймер на сцене.

Как только вы добавили таймер, вы сможете настроить формат цифр и формат отсчёта. Цифры в данном случае форматируются в обычном текстовом редакторе – он откроется сверху. Задайте желаемый размер, шрифт, уровень прозрачности, контур и прочие параметры.

Чтобы откорректировать формат отсчёта, перейдите в Окно свойств справа и используйте следующие настройки:

Проигрывать с конца – переключите с «Нет» на «Да», если вы хотите, чтобы таймер на видео вёл обратный отсчёт.

Длительность отображения объекта – если вы планируете отображать таймер на видео в течение ограниченного периода времени, используйте данный параметр, чтобы задать продолжительность этого периода в секундах или в кадрах.

Паттерн – это выпадающее меню, где вы можете выбрать формат отображения отсчёта: дни, часы, минуты, секунду, милисекунды или кадры.

Если у вас остались вопросы о том, как добавить простой таймер в видео, используя VSDC, видеоинструкция ниже будет полезной:

Как добавить готовое видео с обратным отсчётом в ролик

Если вы хотите использовать более стилизованный таймер в своём ролике, мы советуем заглянуть на сайты с бесплатными стоковыми видео и просто вставить готовое видео с обратным отсчётом в качестве отдельной сцены.

1. Найдите видео с таймером на таких сайтах как Videezy, Pixabay, Pexels, или Videvo.
2. Прежде чем скачать видео и использовать его в своём ролике, внимательно прочитайте условия.
3. На шкале времени добавьте видео с таймером перед той сценой, для которой вы хотите создать интригу.
4. Добавьте эффект перехода.

В качестве перехода вы можете использовать любой вариант из меню видеоэффектов. На видео в начале инструкции мы использовали переход «Стирание», имитирующий стрелки часов.

Пользуетесь VSDC Pro? Создайте собственный счётчик времени для видео

Пользователи версии VSDC Pro могут создать свой собственный таймер для видео. Узнайте, как это сделать, из видеоинструкции ниже.

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

Как сделать таймер

Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, как добавить таймер обратного отсчета на сайты в Тильде

Как добавить таймер обратного отсчета?
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.
Курс по Tilda
Услуги по Digital-маркетингу
Дополнительный материал на YouTube
Дополнительные ролики, которые упоминаются в видео
Добавление таймера на страницу

• CR34 — Таймер & Форма подписки
• CR35 — Таймер & Кнопки

1. Откройте меню «Библиотека блоков»
2. Раздел «Обложка»
3. Выберите нужный вид обложки (CR34 или CR35)

Настройка отсчета времени

• Отсчет до определённой даты
• Начало заново в полночь

1. Откройте вкладку «Контент» блока (появляется при наведении на блок таймера) и заполните данные в разделах: Дата окончания таймера; Время окончания таймера; Часовой пояс таймера
2. Кнопка «Сохранить и закрыть»

1. Откройте вкладку «Настройки» блока (появляется при наведении на блок таймера)
2. Отметьте галочкой пункт «Скрывать дни в таймере. Обратный отсчет возобновляется в 00:00 ежедневно до окончания срока указанного в разделе ‘Контент»»
3. Откройте вкладку «Контент» блока (появляется при наведении на блок таймера) и заполните данные в разделах: Дата окончания таймера, Часовой пояс таймера
4. Кнопка «Сохранить и закрыть»

Добавление HTML-кода таймера

Конструктор Тильда позволяет размещение пользовательского HTML кода таймера обратного отсчета.

1. Откройте меню «Библиотека блоков»
2. Раздел «Другое»
3. Выберите пункт T123 HTML-код
4. Откройте вкладку «Контент» блока (появляется при наведении на блок таймера) и разместите код

Ставьте лайк, если статья была Вам полезна.
Если у Вас есть вопросы по работе с конструктором Тильда, Вы можете задать их на YouTube канале «Маркетинг в огне с Алексеем Чесноковым» в рубрике You Asked for Tilda. Для развернутого ответа я присылаю ссылку на видео-ответ или пишу в комментариях, если детальный ответ не требуется.

Курс по сайтам на Тильде
Услуги по Digital-маркетингу
Эта статья была для Вас полезной?

Добавить комментарий

• Как сделать картинку ссылкой? →
• Как добавить фавикон? →
• Как сделать сайт на нескольких языках? →
• Подтверждение прав на сайт в Google. Как реализовать на Tilda? →
• Как сделать блок «вопрос-ответ»? →

Понравилась статья? Поделиться с друзьями:

38 ЛайфХаков для конструктора Тильда

Заполните форму ниже↓ и Вы получите список ЛайфХаков, которые помогут найти выход из сложных ситуаций при создании сайта

Контент будет отправлен на указанный e-mail
Отзывы Слушателей Моих Курсов

Не могу не оставить отзыв о курсах Алексея Чеснокова по маркетингу, так как для меня это было очень познавательно и очень интересно! Он МЕГА крутой преподаватель, безумно интересно и простым языком доносит нужную информацию, что любой человек научиться, если захочет. Курсы его научили меня создавать сайты на тильде, создавать чат ботов, делать рассылки и многому другому. Он не льет воду, а за такой короткий промежуток времени по нашему обучению, он дал очень много важной информации, и эта информация я уверенна пригодится в жизни каждого из нас! Алексей Чесноков помимо знаний, которых дал мне, я считаю его очень умным, деликатным, воспитанным, строгим (это очень нужно), справедливым педагогом — таких сейчас очень мало! Я очень горжусь тем, что проходила эти курсы непосредственно у него! Он очень классный и добрый человек, он располагает аудиторию слушателей к себе своей простотой и мудростью, он очень интересно и правильно преподносит информацию для каждого уровня людей, а мы абсолютно все разные, и не смотря на то, что нас было 60 человек — он понравился каждому из нас. Мы в восторге от него! Помимо всего этого, он давал нам очень много полезной ДОПОЛНИТЕЛЬНОЙ информации, которую по сути мог не давать, но он делился с нами ею, и это тоже очень ценно для нас! Я безумна благодарна этому человеку, побольше бы таких ответственных педагогов, которые не отсиживают свои рабочие часы, а именно завлекают в тему, что невозможно оторваться и не слушать его! Я всем рекомендую посетить его курсы, и подписаться на его YouTube канал, он всегда записывает очень много классных видео уроков, и это все абсолютно бесплатно! В общем, он очень классный! Всем советую! Спасибо Вам, Алексей, за такую ценную информацию.

Другова Наталья
Живу в г. Москва.

Начну с самого начала: я мама двоих детей в декрете уже 6 лет, сказать, что я занималась саморазвитием — ничего не сказать. И тут в центре занятости выдают распечатку курсов, выбрала самый длительный по академическим часам — маркетинг от РЭУ Плеханова. Две первых недели было очень сложно воспринимать информацию, была и усталость, и непринятие, и интерес, то какие-то качели, хотелось бросить учебу каждый из этих дней. Пока не появился Алексей Чесноков! Первое знакомство с преподавателем было интригующее, сразу захватил внимание, стало интересно, появился стимул учиться! На второй лекции уже практика! С Алексеем было спокойно и интересно учиться, моментами сложно давалась информация, но хотелось изучать, даже дополнительно изучать тему рассылок, Тильду, SEO, так как тема digital оказалась мне близка и по духу, а после сайта на конструкторе Тильда, у меня не оставалось сомнений, что всё получится! Я хочу выразить огромную благодарность Алексею Анатольевичу за приобретённые навыки и знания! И немного похвастаться: именно во время учёбы я уже делала сайт для своих знакомых, он им понравился и по сарафанному радио у меня во вторник появился уже заказ на создание дополнительных страниц и функций для сайта организатора свадеб! А в субботу мы с владелицей детского центра будем обсуждать создание сайта с нуля! Вот кто бы мог представить и поверить, что это могло случиться именно со мной и за такой короткий срок! Я с большим удовольствием буду рекомендовать курс Алексея Чеснокова людям с схожими интересами! Алексей лично мне дал не только хорошую базу знаний, но и помог поверить в себя, в свои силы! Самооценка моя повысилась и теперь у меня нет страха и неуверенности как раньше. Теперь я не боюсь ошибиться! Это оказывается не фатально, а норма) Алексей Анатольевич — замечательный преподаватель, психотерапевт и профессионал своего дела! Если начинать учиться, то только у лучших!

Володина Яна
Живу в г. Москва.

Попала на учет в службу занятости в связи с ликвидацией предприятия. Долго стояла на учете, ждала подходящего времени для того, чтобы пойти на обучение, и вот представилась возможность начать обучение осенью. Основной диплом получала давно, в 2010 году, по специальности «Мировая экономика». Хотелось пройти профессиональную переподготовку по предмету, который будет как-то связан с моим основным дипломом, чтобы профессия была в настоящее время востребованная и чтобы было интересно учиться. «Маркетинг, реклама и связи с общественностью» было самым подходящим вариантом. Курс Алексея Чеснокова по Digital-маркетингу для меня был самым интересным и полезным. Тут не было огромного количества теории, которая не всегда легко и хорошо усваивается, а была именно практика, которой так не хватает. Мы создавали чат-ботов в Телеграмме, делали сайт на конструкторе Tilda, запускали свою e-mail рассылку, настраивали SEO и рекламу на Яндексе. В моем архиве появилась куча полезных ресурсов и ссылок. Алексей объясняет все очень доступно, ориентируется на любой уровень подготовленности студентов, дает дополнительные материалы, чтобы отстающие могли подтянуться. Если чего-то не понимаешь или хочешь разобраться более досконально в каком-то инструменте, всегда можно обратиться к каналу Алексея Чеснокова на youtube, там очень много полезных видео. Теперь открыв вакансии маркетолога на хедхантере, я понимаю, какие навыки требуются для вакансии, все эти сложные слова стали для меня доступнее. Очень надеюсь, что моя будущая работа будет связана именно с digital-маркетингом. Спасибо большое Алексею за знания!

Васильцова Яна
Живу в г. Москва. Училась в Московский государственный открытый университет

Я очень благодарна Алексею за столь познавательный и полезный курс. Узнала много совершенно новой и полезной информации. Программа обучения была столь захватывающей, что с удовольствием погружалась в процесс обучения не только во время интенсивов, а еще и по ночам, во время выполнения домашнего задания (ибо днем — быт и дети, ага). Для меня — как графического дизайнера, самым увлекательным процессом в курсе (помимо остальных), был раздел о создании сайта на Тильде. Приобретенные во время обучения навыки и знания я уже успела применить, причем сайт на Тильде создала не просто за спасибо, а вполне по адекватной стоимости, а с момента окончания курса не прошло еще и месяца. Алексей впечатлил своими коммуникативными данными, умением заинтересовать в обучаемой дисциплине и своей многогранностью в познаниях. Алексей из тех людей, кто щедро делится ценными знаниями, для меня это важная профессиональная черта, поэтому, с полной ответственностью рекомендую курсы Алексея и в том числе его ютуб канал.

Черноус Элина
Живу в г. Москва. Графический дизайнер, фрилансер

Недавно я прошла курс по digital marketing у Алексея Чеснокова. Если бы мне два месяца назад сказали, что я сделаю сайт или чат-бота, я бы посмеялась. На данный момент, появилась уверенность в своих силах, а самое главное интерес (даже жаль, что курс закончился) 🙂 Мне очень понравилось делать чат-бота, похоже изнутри на нейросоединения, а когда все работает, то чувство радости и удовлетворения от проделанной работы. Также тема E-mail рассылки, очень интересная и актуальная. И конечно сделать полноценный сайт-визитку со всеми формами, ссылками, калькулятором, это вообще целая интересная история. Могу сказать, что было не легко с нуля все это делать и если бы не Алексей, то скорее всего оставила затею с интернет-маркетингом. Хочу поблагодарить Алексея прежде всего за полученные знания, которые однозначно пригодятся в дальнейшем, за его настойчивость, строгость, и чувство юмора:) Мой мозг начал работать в нестандартном для него режиме, удивляя самого себя. Алексей, спасибо за принесенную непоправимую пользу!:) Мне очень повезло попасть именно к Вам на курс (чего и всем кто хочет освоить digital marketing советую) .

Маментьева Дарья
Живу в г. Москва. Училась в РГГУ

Всё, что я узнала на курсе Алексея, было новое для меня! Алексей крайне терпеливый преподаватель, очень хорошо и интересно рассказывает, и объясняет. На основании полученных знаний и практик, я постараюсь найти работу в digital-маркетинге. Я оцениваю профессиональный уровень, как самый высокий. Его подача материала очень понятна, даже для новичка в этом направлении. Алексей правильно и доходчиво подаёт информацию. Слушать не скучно и интересно.

Левченко Кристина
Живу в г. Москва.

Что хочется сказать про курс Алексея Чеснокова по Digital-маркетингу: огонь! Доступно, интересно, полезно, применимо на практике. Отдельная благодарность Алексею за понятное разъяснение любого возникающего вопроса. Пришла на курс с поверхностными знаниями, а выпустилась, как говорится, вооруженной до зубов. Однозначно рекомендую.

Ольга Ламбина
Живу в г. Москва.

Прошла обучение Алексея по интернет маркетингу. Самый полезный курс из всех мною увиденных и пройденных. Все ясно и понятно. Все последовательно и по полочкам. Алексей рассказывает предельно понятно, много фишек. После курса можно сразу запускать сайт, так как он уже готов к работе. Прошли все с самого начала-от домена, до самого конца-размещение в Яндекс Директ. Более емкого и объемного курса нет мне кажется ни у кого. Помимо этого всегда есть обратная связь. Однозначно, если кто то хочет сделать для себя многостараничник и узнать о seo, рекомендую курс Алексея Чеснокова.

Кропотова Ольга
Живу в г. Москва.

На курсе Алексея Чеснокова по Digital-маркетингу было асолютно всё новое для меня. Во время обучения понравилось создавать сайт, чат-бота. Приобретенные во время обучения навыки, думаю, что это обязательно пригодятся на практике. Было очень интересно обучаться у Алексея! Единственная просьба, кликать чуть медленнее при объяснении. Многие из группы не успевали за Алексеем. Иногда Алексей объяснял чуть медленнее, но потом снова забывался 😉 Пройти курсы Алексея Чеснокова посоветовала бы.

Алексеева Елена
Живу в г. Москва.

Я пришла на курс без какой-то базовой подготовки в сфере digital-маркетинга. Не смотря на это курс зашёл на ура. Много практики, прямо с первых дней, что очень мотивирует и задаёт хороший темп занятиям. Кроме лекций и практических занятий, Алексей даёт много дополнительных ресурсов, что позволяет более ёмко изучить материал. После курса чувствую уверенность в своих силах, и уже применяю полученные знания в реальных проектах. Очень благодарна за насыщенный, но при этом интересный курс по digital-маркетингу, а так же за позитивный и искренний подход к работе Алексея.

Новикова Евгения
Живу в г. Москва.

Прошёл курс Алексея Чеснокова по обучению интернет-маркетингу. Получил много нужной и полезной информации, приобрёл необходимые навыки. А самое главное, сразу, в процессе обучения применил их на практике, в своём деле, создавая и оптимизируя сайт, подготавливая и осуществляя рассылки, контекстную рекламу. Было очень интересно. Занятия проходили динамично и за время обучения мы смогли не только в полном объёме получить и применить знания по Тильде, Сенд-пульсу, SEO и контекстной рекламе в Яндексе, но и дополнительно прослушать лекцию о продвижении на Ютуб. Если честно, очень хотелось бы ещё про продвижение в Инстаграм узнать (это очень модное и, как говорят, эффективное направление), но программа курса этого не предусматривала… Безусловно, рекомендую курсы Алексея (как вэбинарные, так и в записях на Ютуб) прежде всего, тем, кто только осваивает интернет-маркетинг. Он делает это очень доходчиво и терпеливо. Но и искушённые маркетологи, думаю, почерпнут для себя много нового и актуального из его уроков, т.к. интернет-сфера меняется очень быстро, а Алексей стремиться идти в ногу со временем и все изменения и новшества сразу старается отразить в своих занятиях. Спасибо большое, Алексей, за полученные знания и навыки! Успехов Вам в таком нужном и благородном деле просветительства и обучения самостоятельной творческой деятельности в интернете!

Сергей Баранов

Живу в г. Москва. Продюсер автора и исполнительницы духовных, народных и патриотических песен АННЫ СИЗОВОЙ

Курс Алексея Чеснокова был очень интересный и насыщенный. Не знала, что столько много нюансов в управлении и создании сайтами. Многие моменты я знала только на словах, но не углублялась никогда подробно. Больше всего понравилось создание сайта, его конструирование. В будущем если понадобиться создать сайт, думаю проблем не возникнет. Алексей очень подробно и доступно все нам объяснял. Спасибо за его терпение и помощь во время лекций, если мы что-то не успевали он останавливался и повторял. Безусловно если моим знакомым понадобится информация о курсах, я посоветую обучаться у Алексея Чеснокова.

Ольга Хохлина
Живу в г. Москва. Менеджер по корпоративному туризму в Академсервис

Алексей спасибо вам большое за ваш труд и терпение! Создание сайта на конструкторе Tilda, SEO, контекстная реклама совершенно новое для меня направление. Давно хотела изучить, и тут наконец-то появилась возможность. Планирую дальше развиваться в этом направлении! Так же очень пригодился дополнительно предоставленный материал, не входящий в программу курса. На курсе создала сайт для реального заказчика. Он остался доволен результатом.

Лукошина Анна
Живу в г. Москва. Веб-дизайнер на конструкторе TILDA

Не смотря на то, что я уже больше года работаю в сфере диджитал-маркетинга (настраиваю таргетированную рекламу в соц.сетях), для меня курс Алексея оказался очень полезным. Раньше я конструктора Тильда боялась как огня, даже внесение каких-то минимальных изменений вызывало затруднения и постоянно требовался специалист, который это сделает. Теперь же никого не надо ждать и звать, а можно взять и поправить то, что считаешь нужным. А может быть даже создать с нуля именно так, как понравится. Очень доступная подача материала. Не понять и не сделать просто невозможно. Блок по SEO однозначно пригодится, постараюсь максимально внедрить полученные знания на сайтах у клиентов и еще результативнее выполнять свою работу. Я непременно буду использовать все полученные навыки. Огромная благодарность за это! И отдельная благодарность Алексею за его терпение, не так уж и просто по 20 раз отвечать на одни и те же вопросы в течение 5 минут.

Екатерина Корзинкина
Живу в г. Москва. Таргетолог

Безусловно курс был очень полезным и информативным лично для меня, так как я не работала в Тильде. Мне это было необходимо для создания своего сайта и егопродвижения в будущем, так как я детский нутрициолог. Алексея считаю грамотным экспертом, материал был дан очень подробно, для чайников я бы сказала)))) И я уже порекомендовала его ютуб канал и курсы своим знакомым, кто работает в сфере маркетинга и IT.

Клочкова Анастасия
Живу в г. Москва. Детский нутрициолог

Курс был очень полезным для меня. Т.к. я новичок в этой области знаний, то весь материал — на вес золота. Очень понравился преподаватель и манера ведения лекции. Материал давался понятным доступным языком с использованием узко-специальной терминологии, но это ничуть не затруднило понимания и восприятия информации, поскольку все разъяснялось. Уверена, что приобретенные во время обучения навыки и знания пригодятся мне и в жизни и в профессии, т.к. они очень актуальны в современном мире и востребованы в разных профессиях. За профессиональный уровень Алексея Чеснокова ставлю высший балл! Грамотный преподаватель, знающий свою область знаний от А до Я. Для меня была большая честь обучаться у Алексея. Лучший из лучших в своей области. Если вы хотите овладеть профессией маркетолога, то рекомендую обучаться у Алексея Чеснокова, потому что от него вы точно не уйдете без знаний. А главное, получите не только теория, но и практику! Точнее, очень много практики!

Арманова Ирина
Живу в г. Новочебоксарск. Управляющая отелем в ООО МЭДИСОН

Программа повышения квалификации по Digital-маркетингу, которую преподавал Алексей Чесноков понравилась. Узнала очень много новой и интересной информации. Во время обучения были рассмотрены новые технологии, новые инструменты для работы и мне это понравилось. Перед тем как шла на обучение хотела расширить свои знания — ожидания оправдались. Алексею Чеснокову, необходимо дать Премию и Медаль, за терпение и отличную работу! Очень рекомендую посетить его курсы!

Алёна Молостова
Живу в г. Москва. Организатор мероприятий в Агентстве праздничных событий

Обучение прошло легко и очень быстро (даже хотелось, чтобы курс длился подольше). Много новой и полезной информации, а главное пришло понимание с какой стороны подступиться к SEO оптимизации. В программе обучения понравилось большое количество прикладный сервисов и навыков, которые можно применять сразу после занятия. Оценку Вам, Алексей, как преподавателю могу дать исключительно положительную, легко преподносите информацию, не воздвигаете барьеров между преподавателем и слушателем, это очень приятно, помогает построению легкого диалога. Понравилось, что много приводите примеров из собственной практики. Ожидания перед началом курса были – хотела получить базовые знания по SEO оптимизации, в целом, они оправдались. Все, что я узнала на курсе можно применить в работе уже сегодня. Курсы Алексея Чеснокова однозначно рекомендую!

Юлия Иванова
Живу в г. Москва. Бренд-менеджер Frederique Constant в компании ProTime Rus (ООО ПроТайм РУС).

Курсы мне понравились. Мои разрозненные знания структурировались! Понравилось живое общение c ответами на вопросы. Конкретика. Материалы презентации прекрасные. Это толчок к более углубленным знаниям в последующей работе. По курсу у меня замечаний нет. Единственное, хотелось бы в программе видеть для SEO-шников больше практических работ по написанию мета-тегов и сниппетов, с URL-ами для контекстной рекламы. Для владельца бизнеса и постановки задач для SEO и SMM менеджеров вполне нормально. Оценка Алексею, как преподавателю 5 из 5. Мои ожидания от курса оправдались. Интернет отдел зашевелился. Курсы Алексея Чеснокова рекомендую своим партнерам и специалистам. Ученье свет. Правда ученых стало тьма тьмущая.

Алексей, желаю Вам защитить кандидатскую, для получения ссылки МГУ ��)) Да и побольше удачи. Она в бизнесе одно из основных слагаемых успеха, вместе с упорством и знаниями!

Алексей Вольтер
Живу в г. Москва. Работаю в должности коммерческого директора в компании «О-Дизайн».

Мне, как человеку достаточно далекому от сайтов, продвижения, и всего того, что с этим связано, было интересно прослушать курс по SEO. Теперь стало понятно, что это и зачем нужно! Теперь буду пробовать применять полученные знания на практике. Материал излагался простым и доступным языком. Единственное, чего не хватало – это побольше практических заданий. В целом 9 из 10. Так что ожидания от курса оправдались. Обязательно порекомендую Ваши курсы!

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

Симонова Марина
Работаю в должности бухгалтера.

Курс Алексея Чеснокова от других отличает особая душевность в подходе и вера в учеников. Я очень довольна процессом обучения. К своему удивлению смогла сделать то, за что боялась даже подумать браться. Хочется отметить спокойное внятное объяснение. Достаточно интересный рассказ. Все мои ожидания от обучения оправдались – я научилась делать сайты.

Спасибо за курс! Желаю вам крепкого здоровья и нервов)

Наталья Радик

Живу в г. Москва, Изучала Economica в МИЭТ. Сейчас работаю маркетологом в компании «Стартап под ключ». Ранее работала директором по продажам и развитию в «КриоРус».

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

Желаю вам успеха, интересных проектов и благодарных слушателей!

Ксения Топунова
Живу в г. Москва, училась МЭСИ. Сейчас работаю в компании Ситилинк, ранее работала в МТС и Мегафон

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

Карьерных высот вам!)

Татьяна Ляхова
Работаю менеджером в компании CashWagon

Интересный материал, приятная манера общения, структура курса – считаю, что именно эти моменты отличают Алексея Чеснокова от других преподавателей. От обучения получила только положительные впечатления – чувствую, что время провела с пользой, узнала новое и релевантное моим потребностям. Единственное чего не хватило в программе курса, это возможности сделать что-то самостоятельно, например, кейс какой-нибудь. На мой взгляд, нужна практическая часть. Курс, который я посетила – разработка сайтов, примерно так назывался, кажется. Мне было полезно узнать про разные движки и платформы, структуру сайта. Хорошо, что у были примеры успешных и неуспешных сайтов.

Оставайтесь таким же вдохновлённым – это важно для любого дела и преподавания в частности!

Мария Клеймёнова
Marketing Category Director в Adidas CIS

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

Константин Марин

Живу в Москве. Учился в Moscow Technical University of Communications and Informatics. Основатель / владелец в ОПС Брокер . Менеджер по развитию в МИЭЛЬ

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

Саид Урусханов
Заместитель директора дизайн студии Дени Мадаева

Очень понравилась креативность преподавателя, вовлеченность в процесс, его ораторское искусство и легкость передачи знаний. Благодаря этому большой объем практических знаний легко умещается и переваривается в котелке. Информация на курсе излагалась последовательно и лаконично. Профессионализм, организованность, оптимизм и контактность – все это однозначно сильные стороны Алексея Чеснокова. Удивила его готовность транслировать информация круглосуточно, без перерывов. Был замечен легкий переход на сторонние темы (хотя в моем случае это даже плюс). Мои ожидания от курса «Яндекс Директ» оправдались, получила практический опыт и знания в изучаемой области.

Желаю вам оставаться таким же жизнерадостным, открытым и креативным, совершенствовать свои знания и навыки, продвигаться в новых областях)))

Светлана Федотова
Маркетолог (тендер-менеджер) в ООО «ГДЦ ЭНЕРДЖИ ГРУПП»

Затрудняюсь дать оценку лектору, так как не с чем сравнивать, у преподавателей по созданию сайта никогда не был. Это мой первый курс по данной теме. Легко, драйвово, продуктивно – это мои впечатления от процесса обучения. Алексей Чесноков практик, ему нравится преподавать и делиться опытом (это видно). И, главное, он умеет объяснять сложное простыми словами. Минусов не нашёл). Когда шел на курс думал, что я полностью разберусь как работать при создании сайтов и смогу грамотно выстроить работу подрядчика, а также смогу убедить руководство, что у нас есть проблемы по этой части, и нам нужно менять подрядчика. А ещё я надеялся, что смогу сам «руками» работать по этому направлению. Ожидания не совсем оправдались, так как после 6 часового блока по созданию сайта в рамках digital курса все равно остались вопросы. Мне не хватило времени, чтобы спросить то, чего не было в презентации.

Желаю вам удачи в вашем деле)))

Sergey Stepanian

Живу в г. Москва. Учился в РГГУ. Senior PR & Advertising manager в компании Линлайн (Сеть клиник лазерной косметологии и пластической хирургии)

Курс для меня был интересным, Алексей очень доступно все объяснял. Жаль, что мало времени отведено обучению и далеко от дома (живу в Зеленограде). Хотелось бы большей адаптации программы к гос.мед.организациям – это особая печалька, продвигать госку. Перед началом обучения никаких ожиданий не было.. затащили меня сюда случайно, но я этому рада.. правда, тема не моя, а скорее техподдержки, сисадминов, СЭОшников.. но близка мне, поскольку работаем в этом направлении, я отвечаю за ПИАР больницы.. Получила много интересного материала (пока не могу его изучить, к сожалению). Влезла в метрики — ИНТЕРЕСНО. только времени нет на все это, к сожалению. этим должен заниматься целый отдел, или хотя бы отдельный специалист. а я швец и жнец. и на дуде.. и крестиком. и на машинке.. Курсы Алексея Чеснокова рекомендую однозначно!

Алексей, Вы прекрасны! Иногда Вас уводит в рассуждалки, от темы… иногда перескакиваете, не дожав интересное и важное. но в целом, супер! Желаю Вам адекватных клиентов, прибыльных заказов, минимальной зависимости от дурацких гос.структур, но стабильной поддержки от них))) Творчества, сбычи желаемого и крепкого ЗДОРОВЬЯ.

Ирина Пономаренко
Живу в г. Зеленоград. Работаю в Пресс-службе ГБУЗ «ГКБ им. М.П. Кончаловского ДЗМ»

Впечатления от обучения на отлично! Материал дан в полной мере, понравилась последовательность подачи материала и важные заметки/комментарии. Сложно сказать, чем еще можно улучшить программу, наверняка курс и так оттачивается от потока к потоку. Моя оценка Алексею, как преподавателю строго положительная. На курс пошел, поскольку нужны были базовые знания по AdWords, а по итогу получил углубленные. Курс Алексея Чеснокова безусловно рекомендую

Алексей, желаю вам здоровья, личностного и профессионального роста, и возможность заниматься любимым делом!

Максим Рыков
Живу в г. Москва. Учился в МосГУ . Маркетолог в компании Ли-Арт Авто

Курс мне очень понравился, интересный, насыщенный и все рассказано простым языком. У Алексея интересный подход к преподаванию, лично меня порадовала неформальность общения, разбор примеров на практике – все было отлично. Единственное, по программе обучения хотелось бы больше часов. Моя оценка за курс 10 по 5-ти бальной шкале!! Ожидания от обучения оправдались с лихвой! Спасибо! Обязательно буду рекомендовать ваши курсы коллегам и друзьям.

Успехов вам и хорошего настроения!

Дайняк Елена Владимировна
Живу в г. Москва. Училась в КемГУ и в Гимазия 12. Работаю в Инфекционная клиническая больница №2

После прохождения курса у меня остались отличные впечатления, с нулевого понимания Директа, могу сказать, что уже хоть и не много, но разбираюсь. Программа обучения имеет практикоориентированность, а для меня это крайне важно. В целом мне все понравилось, разве что порекомендовал бы актуализировать некоторые данные в презентациях, тогда программа станет еще лучше. Как преподавателя могу оценить Алексея Чеснокова только положительно, все качества соответствуют. Курс превзошёл мои ожидания, рекомендую всем Алексея Чеснокова. Удачи вам и успехов в маркетинге!

Александр Сходкин
Живу в г. Москва. Работаю в МИЮ

В целом, я люблю учиться и информация, которая была на курсе по Интернет-маркетингу для предпринимателей воспринималась быстро. Только для мам с маленькими детьми на мой взгляд — очень непросто. Особенно когда идут практические задания. И длительность 5 часов в день — это много. Ориентировочно 2-3 часа в день достаточно. Пусть курс будет лучше длиннее. Я шла на курс с целью изучить таргетинг — он понравился, так же ещё понравилась Тильда. Именно для меня хотелось более углубленно разобрать контекстную рекламу. Алексею оценка как преподавателю только 5 — профессионал. Терпение у Алексея колоссальное. Ожидания от курса оправдались. Понимала на что иду. Я бы точно рекомендовала пойти на курс Алексея Чеснокова. Так как Алексей — всё объясняет доступно, даже тому, кто ни разу не занимался маркетингом.

Марина Сливченко
менеджер по туризму в Тез тур,

Впечатления от процесса обучения исключительно положительные. Получать знания стало доступнее. В программе понравилось само обучение и работа на конструкторе Tilda. Ожидания от курса были более классические, что будет поток сухой информации, по факту это был интерактив, который, на мой взгляд, усваивается легче и быстрее. Оценка Алексею Чеснокову как преподавателю, однозначно выше среднего. Это был первый опыт дистанционного обучения, не с чем сравнить, поэтому дать определенный балл — это относительная оценка будет. Посетить ли Вам курсы Алексея Чеснокова? Да, я бы порекомендовала.

Делаем собственный таймер для спорта

Те, кто занимается спортом, знают: часто нужен таймер. Кому-то надо отмерять интервалы по минуте, кому-то — сколько работаешь, столько отдыхаешь; кому-то нужны сложные интервалы и круги; кому-то просто секундомер. На всё это, конечно, в интернете полно готовых программ, но почему бы не сделать свою?

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

Как устроен интервальный таймер

Наш сценарий работы такой: пользователь задаёт время одного упражнения и перерыва после него, а потом указывает, сколько раз он хочет выполнить это упражнение с перерывом. Например, стоять в планке на протяжении минуты, потом отдыхать 45 секунд, повторить восемь раз. Получается, что основных параметров у нас три: время тренировки, время отдыха, количество подходов.

Чтобы во время тренировки можно было не смотреть на экран, надо предусмотреть звуковое оповещение. Оно подскажет, что закончился очередной интервал, и нужно отдохнуть или снова приступить к упражнению.

Основа страницы

Возьмём стандартный шаблон страницы:

Теперь поработаем со служебным разделом .. и наполним его нужными командами:

Подключаем там же фреймворк jQuery, который упростит нам работу с таймером и его компонентами:

Теперь разместим все элементы интерфейса на странице. Начнём с общего блока, где будет наш таймер:

Теперь будем размещать внутри этого блока интерфейс программы. Сразу подключим звуковые уведомления, за них отвечает тег

Звук мы взяли где-то из интернета и положили в ту же папку, что и наша программа.

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

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

Тег — это контейнер, как бы прозрачная обёртка для своего содержимого. С его помощью мы можем отдельно настроить внешний вид и поведение нашего текста. Теперь у нашего заголовка есть внутреннее имя «Secret» и класс «timer_types_btn» , который пока ещё нигде не прописан.

На этом этапе у нас будет пустая страница с надписью «Интервальный таймер». Пока что ничего интересного.

Интерфейс

Интерфейс таймера мы упакуем в собственный блок, чтобы можно было настраивать как общий вид, так и части по отдельности. Его мы вставляем в нашу форму после блока с заголовком:

Первое, что мы в него добавим — интерфейс настроек тренировки, где можно будет выбрать время и количество повторений. Сначала добавим в него настройку времени на упражнения:

  00   25 

Внутри этого блока у нас три раздела: один отвечает за минуты, второй — за двоеточие, третий — за секунды. Свойство contenteditable=»true» означает, что этот контент можно изменять, щёлкая мышкой и вводя свои значения.

Так же добавим блоки количества подходов и времени отдыха:

  1   10   00   5 

Вставляем это всё в нашу панель настроек и смотрим, что получилось:

Табло для отсчёта времени и кнопки

Для большого табло используем тот же код, что и для панели настроек, только применим потом другой класс оформления:

  
00 : 00 

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

Вот наш интерфейс. Ставим его в форму на странице и смотрим на результат:

Настраиваем внешний вид

Очевидно, что таймер наш выглядит скромновато. Нужно его оформить. Для этого используем CSS — стили оформления элементов на странице.

Как вы помните, CSS-стили можно выносить в отдельный файл, а можно писать в разделе с помощью тега . Выберем второй способ и определим все стили прямо в этом же документе:

body < text-align: center; margin: 10; font-family: Verdana, Arial, sans-serif; font-size: 16px; >/*настраиваем отступы в полях ввода цифр, там, где задаётся время тренировки, отдыха, и количество повторов*/ .app_form_block input[type="number"] < padding: 4px 4px; >/*задаём отступы у элементов*/ .app_main .block_row < padding: 1em 0.5em; >/*устанавливаем размер цифр для количества повторов, времени тренировки и отдыха */ .app_timer .app_console .timer_panel_info < font-size: 1.6em; line-height: 1.2em; letter-spacing: 0; >/*зелёный цвет*/ .green < color: #bff08e; >/*красный цвет*/ .red < color: #e56655; >/*задаём размер таймера*/ .app_timer .app_console .timer_panel_nums < font-size: 4.8em; line-height: 1.2em; margin-top: 50px; >/*учим браузер скрывать временно ненужные кнопки*/ .app_timer .timer_btn.hide, .app_timer .timer_nums.hide, .app_timer .timer_sep.hide < display: none; >/*задаём размер кнопок*/ .app_timer .timer_btn < border-color: #777; color: #777; font-size: 1.2em; font-weight: 400; line-height: 1.8em; padding: 8px 12px; margin: 0 2px; min-width: 180px; >/*настраиваем, как изменится цвет кнопки, если провести по ней мышкой*/ .app_timer .timer_btn:hover < background-color: #777; color: #fff; >/*задаём размер кнопок*/ .app_timer .timer_btn.run, .app_timer .timer_btn.pause < border-color: #5594e5; color: #5594e5; font-weight: 600; >/*настраиваем, как изменится цвет АКТИВНОЙ кнопки, если провести по ней мышкой*/ .app_timer .timer_btn.run:hover, .app_timer .timer_btn.pause:hover

Сохраняем код, обновляем страницу в браузере:

Класс! Время тренировки у нас выделено зелёным цветом, отдыха — красным. Благодаря этому мы не перепутаем числа. А ещё появилось большое табло отсчёта времени и две кнопки вместо трёх — «Пауза» автоматически исчезла после загрузки.

Собираем скрипт

Пока при нажатии на кнопки ничего не происходит — у нас нет скрипта, который бы это обрабатывал. В прошлый раз мы его писали там же, внутри страницы, теперь давайте вынесем его в отдельный файл. Так будет удобнее читать код: команд уже много, и если туда же добавить скрипт, будет совсем большая простыня текста. Поэтому создадим отдельный файл interval_timer_script.js и подключим его на нашей странице с таймером такой командой:

Смотрите, у нас появилась новая команда в теге скрипта: defer . Она запрещает скрипту выполняться, пока страница полностью не загрузится. Это позволяет нам сначала подготовить страницу целиком, а только потом запускать таймер.

Мы назвали наш скрипт interval_timer_script.js , но название у него может быть каким угодно, лишь бы из английских букв, цифр и без пробелов. Расширение .js должно остаться таким же в любом случае. Меняете имя файла — не забудьте прописать его название в src=»https://thecode.media/timer/%E2%80%A6.js» , чтобы страница знала, как называется нужный скрипт.

Теперь наполним наш скрипт. Начнём с переменных:

// переменная, которая отслеживает, сколько секунд прошло var now_seconds = 0; // var now_times = 0; // тренировка начинается с отсчёта рабочего времени, сразу ставим этот режим var interval_type = 'work'; // переменная для отсчёта интервалов var intervalVariable; // переменная, которая следит за количеством секунд в таймерах var seconds_1 = 0; // ставим начальные значения счётчиков минут и секунд var timer_minutes = 0; var timer_seconds = 0;

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

// подготовка звукового оповещения function audio_change() < // находим аудиоэлемент на странице var audio = $('#audio_beep'); // подключаем нужный файл со звуком. Файлов два, потому что разные браузеры играют разные форматы $('#audio_beep source[type="audio/ogg"]').attr('src', 's.ogg'); $('#audio_beep source[type="audio/mp3"]').attr('src', 's.mp3'); // ставим звук на паузу и подгружаем его audio[0].pause(); audio[0].load(); >

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

// разбиваем секунды на часы, минуты и секунды function secondsToTime(seconds) < var h = parseInt(seconds / 3600 % 24); var m = parseInt(seconds / 60 % 60); var s = parseInt(seconds % 60); return < 'hours': leadZero(parseInt(h)), 'minutes': leadZero(parseInt(m)), 'seconds': leadZero(parseInt(s)) >; >

Ну и добавим эстетики в программу — для красоты будем ставить первым ноль, если число минут или секунд меньше девяти:

function leadZero(num) < var s = "" + num; if (s.length < 2) < s = "0" + s; >return s; >

Отдельной функцией сделаем отображение времени на табло. Там как раз и пригодится наша функция, которая переводит секунды в минуты:

// отображение времени на табло function renderTimerNums(seconds)

Теперь предусмотрим смену времени каждую секунду, пока работает таймер. Для этого будем отдельно обрабатывать два режима: тренировки и отдыха. Не забудем про красоту — время тренировки сделаем зелёным, как на панели настроек, а время отдыха — красным:

// функция, которая отвечает за смену времени на таймере function timerTick(type, timer_params) < // увеличиваем количество прошедших секунд на единицу now_seconds++; // если идёт время тренировки if (interval_type == 'work') < // и ещё осталось время на тренировку if (timer_params.time_work - now_seconds >0) < // показываем, сколько осталось времени renderTimerNums(timer_params.time_work - now_seconds); >// иначе, если тренировка закончилась else < // обнуляем табло renderTimerNums(0); // проигрываем звук уведомления $('#audio_beep')[0].play(); // обнуляем секунды тренировки now_seconds = 0; // ставим режим «Отдых» interval_type = 'rest'; // меняем цвет цифр на таймере $('.timer_panel_nums .timer_nums').removeClass('green'); $('.timer_panel_nums .timer_nums').addClass('red'); >> // если началось время отдыха else if (interval_type == 'rest') < // и оно ещё не закончилось if (timer_params.time_rest - now_seconds >0) < // показываем оставшееся время renderTimerNums(timer_params.time_rest - now_seconds); >// а если всё-таки время отдыха закончилось else < // обнуляем табло renderTimerNums(0); // проигрываем звук уведомления $('#audio_beep')[0].play(); // обнуляем секунды now_seconds = 0; // увеличиваем счётчик повторов на единицу now_times++; // если мы выполнили все повторы if (now_times >timer_params.interval_count) < // обновляем информацию на панели настроек $('.timer_interval_nums.times').text(timer_params.interval_count); $('#timer_pause').trigger('click'); now_seconds = 0; $('.timer_panel_nums .timer_nums').removeClass('red'); >// иначе, если количество пройденных повторов меньше, чем было задано else < // обновляем информацию на панели настроек $('.timer_interval_nums.times').text(now_times); $('.timer_panel_nums .timer_nums').removeClass('red'); $('.timer_panel_nums .timer_nums').addClass('green'); >// ставим после отдыха снова режим тренировки interval_type = 'work'; > > >

Продолжение скрипта: обрабатываем нажатия на кнопки

Начнём с кнопки «Старт». Логика работы такая: следим за тем, в каком режиме работает таймер, не забывая скрывать «Старт» и показывать «Паузу» после запуска. Как только перешли к отдыху или снова к тренировке — включаем звуковой сигнал. Если все тренировки прошли, но мы снова нажали «Старт», начнём всё сначала:

// обрабатываем нажатие на кнопку «Старт» $('#timer_run').click(function () < // настраиваем аудио audio_change(); // делаем кнопку «Старт» невидимой $(this).addClass('hide'); // а кнопку «Пауза», наоборот, видимой $('#timer_pause').removeClass('hide'); // записываем установленные минуты и секунды timer_minutes = $('.timer_nums.minutes').text(); timer_seconds = $('.timer_nums.seconds').text(); // переменная, которая будет хранить параметры интервального цикла var timer_params = <>; // запускаем звуковое оповещение $('#audio_beep')[0].play(); // устанавливаем размер тренировки. timer_params.time_work = $('.timer_interval_work .minutes').text() * 60 + $('.timer_interval_work .seconds').text() * 1; // . отдыха, timer_params.time_rest = $('.timer_interval_rest .minutes').text() * 60 + $('.timer_interval_rest .seconds').text() * 1; // . и количество повторений timer_params.interval_count = $('.timer_interval_count .all_times').text() * 1; // обновляем информацию о том, сколько подходов уже сделано now_times = $('.timer_interval_count .times').text() * 1; // если все тренировки прошли — начнём сначала if (now_times >= timer_params.interval_count) < now_times = 1; $('.timer_interval_count .times').text(now_times); >// если сейчас режим тренировки, то делаем табло зелёным и запоминаем количество секунд if (interval_type == 'work') < $('.timer_panel_nums .timer_nums').addClass('green'); seconds_1 = timer_params.time_work; >// если сейчас режим отдыха, то делаем табло красным и запоминаем количество секунд else if (interval_type = 'rest') < $('.timer_panel_nums .timer_nums').addClass('red'); seconds_1 = timer_params.time_rest; >// задаём интервал обновления — одна секунда intervalVariable = setInterval(timerTick, 1000, 'interval', timer_params); // выходим из функции return false; >);

Теперь очередь кнопки «Пауза». Она появляется в тот момент, когда мы нажимаем на кнопку «Старт», которая сразу исчезает. Логика чуть другая: при каждом нажатии мы просто останавливаем интервал и тоже включаем звук, чтобы обозначить смену режима:

// что будет, если мы нажмём на кнопку «Пауза» $('#timer_pause').click(function (event, params) < // если кнопка сработала нормально if (params !== undefined) < // но аудиопараметры ещё не задавались if (params.audio === undefined) < // задаём параметры оповещения params.audio = 1; >> // иначе сразу задаём параметры звука else < params = < audio: 1 >; > // после нажатия на кнопку «Пауза» делаем её невидимой $(this).addClass('hide'); // а кнопку «Старт» — наоборот, видимой $('#timer_run').removeClass('hide'); // останавливаем таймер clearInterval(intervalVariable); // если со звуком всё в порядке if (params.audio) < // проигрываем звуковое оповещение $('#audio_beep')[0].play(); >// выходим из функции return false; >);

Последнее, что осталось — запрограммировать реакцию на нажатие кнопки «Сброс». Порядок действий будет такой: виртуально щёлкаем по кнопке «Пауза», обнуляем табло, и выставляем стартовые значения по умолчанию в нашу панель настроек:

// что будет, если нажмём на кнопку «Сброс» $('#timer_clear').click(function () < // имитируем нажатие на кнопку «Пауза», чтобы остановить таймер $('#timer_pause').trigger('click', < audio: 0 >); // ставим режим тренировки interval_type = 'work'; // убираем красный цвет на табло, которое там осталось от включения паузы $('.timer_panel_nums .timer_nums').removeClass('green red'); // обнуляем табло renderTimerNums(0); // обнуляем значения служебных переменных now_seconds = 0; now_times = 0; // задаём начальное значение первого блока секунд seconds_1 = 25; // устанавливаем начальные значения времени тренировки, отдыха и количества повторов $('.timer_interval_work .minutes').text('00'); $('.timer_interval_work .seconds').text('25'); $('.timer_interval_rest .minutes').text('00'); $('.timer_interval_rest .seconds').text('05'); $('.timer_interval_count .times').text('1'); $('.timer_interval_count .all_times').text('10'); // выходим из функции return false; >);

Теперь собираем скрипт в один файл, сохраняем, обновляем нашу страницу и нажимаем на «Старт». Всё, успех — таймер начал отсчёт:

Если у вас не получилось всё правильно собрать в один файл и запустить — ничего страшного. Мы сами уже сделали это за вас и упаковали все нужные файлы в один архив. Вам нужно его скачать, распаковать и запустить файл int.html.

Получите ИТ-профессию

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

Как добавить таймер обратного отсчета?

Чтобы разместить на странице таймер (обратный отсчет), добавьте на страницу блок CR34 или CR35, категория «Обложка».

На данный момент доступны 2 варианта таймера:

• Таймер с отсчётом до определённой даты (задается во вкладке «Контент» блока с таймером).
• Таймер с отсчётом, который начинается заново в полночь. Чтобы отсчёт начинался заново, в Настройках блока поставьте галочку напротив пункта «Скрывать дни в таймере». Обратный отсчет будет возобновляться в 00:00 ежедневно до окончания срока указанного во вкладке «Контент». Часовой пояс обнуления таймера задается во вкладке «Контент» блока с таймером.

В будущем появятся другие методы обратного отсчета.

Похожие вопросы

• Как сделать кликабельным номер телефона?
• Как убрать «Made on Tilda» внизу страницы (в подвале сайта)?
• Как передать сайт или страницу на другой аккаунт?
• Как загрузить файл на свой сайт?
• Почему не видны изменения после публикации, а в предпросмотре есть?