Как подключить таймер обратного отсчета на сайт
Здравствуйте дорогие друзья. В одной из прошлых статей я рассуждал о том, стоит ли использовать таймер обратного отчета (его еще называют таймером обратного отсчета) на своем лендинг пейдж. Так вот, если вы считаете, что он вам необходим, то сегодня я расскажу о том, как его подключить на свой лендинг.
Речь пойдет о нескольких вариантах, в одном случае – это будет скрипт счетчика обратного отсчета, который будет зациклен на каждые 24 часа. То есть, вы сможете делать акцию. Например: “до конца дня — скидка 50%” и таймер будет показывать, сколько времени осталось до конца дня. По истечению суток, таймер перезапустится и снова начнет отсчет.
В другом варианте, я расскажу про онлайн сервис, который позволяет подключать счетчик обратного отсчета. Но здесь подразумевается, что счетчик рассчитан на длинный промежуток времени. Например, вы планируете открыть сайт через месяц, и сделали пока заглушку вида:
По-разному можно использовать, например, если акция одноразовая и рассчитана на большой промежуток времени, то онлайн подключение более выгодно, так как необходимо добавить всего одну строчку кода в нужное место.
В общем в зависимости от цели, выбирайте подходящий вариант именно для вас. Приступим…
Скачать исходник
Итак, счетчик обратного отсчета времени, который будет перезапускаться по истечении суток. Разработал его один умелец, у которого блог mywpnote.ru. Наткнулся на блог около полугода назад, и он очень выручил меня в то время. Сегодня же хочу рассказать вам об одном из счетчиков, которые он разработал и описать, как его подключать.
Внешний вид таймеров такой:
Скачивайте исходники и в архиве вы увидите 4 папки с названиями vid1, vid2, vid3, vid4 – в них разные типы оформления таймеров. Вы можете посмотреть все и выбрать понравившийся. Способ подключения у всех одинаковый.
Я буду показывать на 4, так как он, как мне кажется, наиболее универсален. Открываем vid4 и пред нами стандартный набор папок для большинства исходников в сети. (индексный файл, папка с таблицами стилей, папка с картинками, и папка со скриптом). Я немного изменил структуру файлов — для того, чтобы новичкам было проще подключать счетчик.
То есть я вынес скрипт таймера в отдельный файл, а раньше он был в индексном.
Как подключить скрипт счетчика обратного отсчета на свой landing page?
Открываем index.html– любым редактором (я пользуюсь sublime3) и видим следующий код.
Отсюда нужно скопировать в свой проект подключение таблицы стилей и скрипта (7 и 8 строка).
А также, в месте, на котором вы хотели бы разместить таймер, необходимо прописать тег «div» с классом «countbox» – 13 строка. В коде специально размещено несколько подключений таймеров, чтобы дать понять, что их можно использовать несколько раз на странице. У многих скриптов с этим проблемы, и второй раз они не хотят выводиться на экране.
Теперь необходимо просто скопировать папки img, css и js, а также их содержимое в свой проект — и все! Счетчик обратного отсчета будет работать! Как видите, это занимает максимум 5 минут, и такой «важный» элемент будет присутствовать у вас на сайте. Если возникнут вопросы — пишите в комментариях, я обязательно помогу подключить счетчик!
Счетчик обратного отсчета онлайн
Для тех, кому необходим другой тип счетчика обратного отсчета, о котором говорилось в начале статьи, существует сервис с простым до безобразия способом подключения.
Все что вам нужно сделать — это зайти на сайт https://megatimer.ru/ и выбрать один из предложенных таймеров, настроив его за несколько простых шагов.
На этом все, я надеюсь статья была полезной. Подписывайтесь в соцсетях, чтобы ничего не пропустить. Всем удачи!
Таймер обратного отсчета для сайта
Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Перейти на сайт->
Бесплатный Курс «Практика HTML5 и CSS3»
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Начать->
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Получить в подарок->
Бесплатный курс «Сайт на WordPress»
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
Получить в подарок->
*Наведите курсор мыши для приостановки прокрутки.
|
Размер: 39,7 Мб. Длительность: 11 мин. 17 сек. Скачать видеоурок |
Таймер обратного отсчета — достаточно полезный инструмент, если Вы хотите показать посетителям Вашего сайта, что действие какого-либо предложения ограничено по времени, и есть смысл действовать немедленно.
В этом видео мы рассмотрим установку такого таймера и разберем его настройки.
Все необходимое для работы таймера находится в двух файлах.
В том файле, где мы хотим видеть таймер обратного отсчета, мы производим подключение специального PHP-файла, в котором производятся все необходимые действия.
В PHP-файле мы можем при желании поправить лишь то, как будет выводиться дата, все остальные настройки задаются в первом файле, в котором идет подключение PHP-файла.
При подключении ему передаются параметры, позволяющие выставить необходимые настройки:
1. Дата, относительно которой идет обратный отсчет.
2. Временная зона, по которой ведется отсчет времени.
3. Действие, которое будет выполнено по достижении таймером нулевой отметки. Доступно 2 варианта:
а. Отображение произвольно отформатированного текста.
б. Переадресация посетителя на произвольный URL-адрес.
Помимо этого, мы с Вами рассмотрим вопрос, связанный с форматированием и оформлением самого таймера, т.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить JavaScript и PHP:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
PHP: Получение информации об объекте или классе, методах, свойствах и наследовании |
|
|
CodeIgniter: жив или мертв? |
|
|
Функции обратного вызова, анонимные функции и механизм замыканий |
|
|
Применение функции к каждому элементу массива |
|
|
Слияние массивов. |
|
|
Деструктор и копирование объектов с помощью метода __clone() |
|
|
Эволюция веб-разработчика или Почему фреймворк — это хорошо? |
|
|
Магические методы в PHP или методы-перехватчики (сеттеры, геттеры и др.) |
|
|
PHP: Удаление элементов массива |
|
|
Ключевое слово final (завершенные классы и методы в PHP) |
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
Наверх
Бесплатный таймер обратного отсчета для вашего веб-сайта
Наш бесплатный таймер обратного отсчета — это точный таймер, который вы можете использовать для своего веб-сайта или блога.
Обратный отсчет до любого особого события, такого как день рождения или годовщина. Есть много способов персонализировать свой собственный таймер обратного отсчета, просто заполнив серую форму ниже на этой странице.
У нас также есть бесплатные часы для вашего веб-сайта или блога.
Основные характеристики
Наш бесплатный таймер обратного отсчета также называют часами обратного отсчета. Вот несколько причин, по которым люди используют наш таймер обратного отсчета:
- Обратный отсчет точный — часы показывают текущее время, даже если часы компьютера пользователя неверны.
- У вас есть выбор в отношении перехода на летнее время — существуют различные варианты перехода на летнее время (DST) в отношении вашего таймера обратного отсчета. Узнайте больше о таймере обратного отсчета и переходе на летнее время.
- Обратный отсчет учитывает любой часовой пояс — поддерживаются все основные часовые пояса.
- Широкие возможности настройки — выбрать разные фоны, параметры текста, цвета и шрифты.
- Вы можете выбрать единицы для отображения — от дней до миллисекунд.
- Регистрация не требуется — HTML-код доступен сразу.
Используйте форму ниже, чтобы настроить собственный таймер обратного отсчета. Небольшое окно предварительного просмотра в правом нижнем углу вашей веб-страницы также должно появиться рядом с формой.
На одной странице можно разместить до шести часов и таймеров обратного отсчета. Если используется более двух часов/таймеров, на странице должна быть предоставлена отдельная ссылка на timeanddate.com. Чтобы использовать эту услугу, вы должны иметь возможность добавлять HTML непосредственно на свою веб-страницу, а теги IFRAME должны быть разрешены.
Вы пользуетесь услугой на свой страх и риск.
Скопируйте или измените существующий обратный отсчет
Если вы хотите изменить созданный ранее обратный отсчет, нажмите эту кнопку:
Выберите местоположение Часы должны показывать время для
Местоположение: или выберите: UTC / GMTГермания — Северный Рейн-Вестфалия — ДюссельдорфГермания — Северный Рейн-Вестфалия — НойсГермания — Северный Рейн-Вестфалия — РатингенГермания — Северный Рейн-Вестфалия — МербушГермания — Северный Рейн-Вестфалия — ЭркратГермания — Северный Рейн-Вестфалия — ДормагенГермания — Северный Рейн-Вестфалия — КарстАфганистан — КабулАлбания — ТиранаАлжир — АлжирАндорра — Андорра-ла-ВельяАнгола — ЛуандаАнтигуа и Барбуда — Сент-ДжонсАргентина — Буэнос-АйресАргентина — Кордова — КордоваАрмения — ЕреванАвстралия — Столичная территория Австралии — КанберраАвстралия — Новый Южный Уэльс — СиднейАвстралия — Северная территория — Алис-СпрингсАвстралия — Северная территория — ДарвинАвстралия — Квинсленд — БрисбенАвстралия — Квинсленд — КэрнсАвстралия — Южная Австралия — АделаидаАвстралия — Тасмания — ХобартАвстралия — Виктория — МельбурнАвстралия — Западная Австралия — ЕвклаАвстралия — Западная Австралия — ПертАвстрия — Вена — ВенаАзербайджан — БакуБагамы — НассауБахрейн — МанамаБангладеш — ДаккаБарбадос — БриджтаунБеларусь — МинскБельгия — Брюссель — БрюссельБелиз — БельмопанБенин НовоБермуды — ГамильтонБутан — ТхимпхуБоливия — Ла-ПасБоливия — СукреБосния и Герцеговина — СараевоБотсвана — ГаборонеБразилия — Акко — Рио-БранкоБразилия — Амасонас — МанаусБразилия — Баия — СальвадорБразилия — Сеара — ФорталезаБразилия — Федеральный округ — БразилияБразилия — Пара — БеленБразилия — Рио-Жанейн — РесифеБразилия — Рио-де-ЖанейроБразилия — Сан-Паулу — Сан-ПаулуБританская территория в Индийском океане — Британская территория в Индийском океане — Диего-ГарсияБруней — Бандар-Сери-БегаванБолгария — СофияБуркина-Фасо — УагадугуБурунди — БужумбураБурунди — ГитегаКабо Верде — ПраяКамбоджа — ПномпеньКамерун — ЯундеКанада — Альберта — КалгариКанада — Альберта — Эдмонтон — Британская Колумбия — ВанкуверКанада — Манитоба — ВиннипегКанада — Нью-Брансуик — Сент-ДжонКанада — Ньюфаундленд и Лабрадор — Хэппи-Вэлли-Гуз-БейКанада — Ньюфаундленд и Лабрадор — Мэрис-ХарборКанада — Ньюфаундленд и Лабрадор — Сент-ДжонсКанада — Северо-Западные территории — ИнувикКанада — Северо-Западные территории — ЙеллоунайфКанада — Новая Шотландия — ГалифаксКанада — Нунавут — АлертКанада — Нунавут — Бейкер ЛейкКанада — Нунавут — Корал-ХарборКанада — Нунавут — ЭврикаКанада — Нунавут — Гриз-ФьордКанада — Нунавут — Понд ИнлетКанада — Нунавут — Резолют БэйКанада — Онтарио — ОттаваКанада — Онтарио — ТоронтоКанада — Квебек — Блан-СаблонКанада — Квебек — ШибугамоКанада — Квебек — КууджуакКанада — Квебек — МонреальКанада — Квебек — КвебекКанада — Саскачеван — РегинаКанада — Юкон — УайтхорсКаймановы острова — Большой Кайман — ДжорджтаунЦентральноафриканская Республика — БангиЧад — НджаменаЧили — Остров ПасхиЧили — Пунта-АренасЧили — СантьягоКитай — Муниципалитет Пекина — ПекинКитай — Муниципалитет Чунцин — ЧунцинКитай — Гуандун — ШэньчжэньКитай — Цзянсу — СучжоуКитай — Муниципалитет Шанхай — ШанхайКитай — Тибет — ЛхасаКитай — Синьцзян — УрумчиКолумбия — БоготаКоморские Острова — МорониКонго — БраззавильКонго Дем.
Респ. — КиншасаКонго Дем. Республика — Лубумбаши Острова Кука — РаротонгаКоста-Рика — Сан-ХосеКот-д’Ивуар (Берег Слоновой Кости) — АбиджанКот-д’Ивуар (Берег Слоновой Кости) — ЯмусукроХорватия — ЗагребКуба — ГаванаКипр — НикосияЧехия — ПрагаДания — КопенгагенДжибути — ДжибутиДоминика — Розо Галападор-Доминиканская Республика — Санто-Доминго-Доминиканская Республика — ГуаякильЭквадор — КитоЕгипет — КаирЭль-Сальвадор — Сан-СальвадорЭкваториальная Гвинея — МалабоЭритрея — АсмараЭстония — ТаллиннЭсватини — МбабанеЭфиопия — Аддис-АбебаФолклендские острова — СтэнлиФарерские острова — ТорсхавнФиджи — СуваФинляндия — ХельсинкиФинляндия — КемиФинляндия — РованиемиФранция — ПарижФранция-Париж-Южные Территории -Порт-о-Франс-Франция Гвиана — КайеннаФранцузская Полинезия — Таити — ПапеэтеФранцузские Южные Территории — Остров АмстердамГабон — ЛибревильГамбия — БанжулГрузия — ТбилисиГермания — Берлин — БерлинГермания — Гессен — Франкфурт Гана — АккраГибралтар — Гибралтар — ГибралтарГреция — АфиныГренландия — ДанмарксхавнГренландия — ИттоккортоормийтеенГренландия — КангерлуссуакГренландия Авиабаза Уле Гренада — Сент-Джордж Гваделупа — Гваделупа — Бас-Тер Гуам — ХагатнаГватемала — Гватемала СитиГвинея — КонакриГвинея-Бисау — БисауГайана — ДжорджтаунГаити — Порт-о-ПренсГондурас — ТегусигальпаГонконг — ГонконгВенгрия — Будапешт Исландия — РейкьявикИндия — Бихар — ПатнаИндия — Дели — ДелиИндия — Дели — Нью-ДелиИндия — Гуджарат — СуратИндия — Карнатака — БангалорИндия — Керала — ТируванантапурамИндия — Мадхья-Прадеш — ИндорИндия — Махараштра — МумбаиИндия — Махараштра — ПунаИндия — Одиша — БхубанешварИндия — Пенджаб — АхмедгархИндия — Пенджаб — ЛудхиянаИндия — Тамил Наду — ЧеннаиИндия — Мадура Индия — Уттар-Прадеш — АграИндия — Уттар-Прадеш — ВаранасиИндия — Западная Бенгалия — КалькуттаИндонезия — Бали — ДенпасарИндонезия — Восточная Ява — СурабаяИндонезия — Восточный Калимантан — БаликпапанИндонезия — Особый столичный регион Джакарта — ДжакартаИндонезия — Северный Сулавеси — МанадоИндонезия — Папуа — ДжаяпураИндонезия — Южный Сулавеси — МакассарИндонезия Западная Ява — БандунгИндонезия — Западный Калимантан — ПонтианакИндонезия — Западное Папуа — МаноквариИран — ТегеранИрак — БагдадИрландия — ДублинОстров Мэн — ДугласИзраиль — ИерусалимИзраиль — Тель-АвивИталия — МиланИталия — РимЯмайка — КингстонЯпония — КобеЯпония — КиотоЯпония — НагояЯпония -Токио -ЙохамЯпония -ОсакаЯпония — Ордан — АмманКазахстан — АлматыКазахстан — АктобеКазахстан — АстанаКазахстан — ОралКения — НайробиКирибати — Остров Рождества — КиритиматиКирибати — ТараваКосово — ПриштинаКувейт — КувейтКыргызстан — БишкекЛаос — ВьентьянЛатвия — РигаЛиван — БейрутЛесото — МасеруЛиберия — Монровия ЛивияЛивия -Люйбург -ВауземЛихтенштейн -Лихтенштейн ЛюксембургМадагаскар — АнтананаривуМалави — ЛилонгвеМалайзия — Куала-Лумпур — Куала-ЛумпурМальдивы — МалеМали — БамакоМали — ТимбуктуМальта — ВаллеттаМаршалловы острова — МаджуроМартиника — Форт-де-ФрансМавритания — НуакшотМаврикий — Порт-ЛуиМексика — Агуаскальентес — АгуаскальентесМексика — Нижняя Калифорния — МексикалиМексика — Нижняя Калифорния — ТихуанаМексика — Сьюдад-де-ГуреМексика -АикоМексика -Мехико-СитиМексика — Jalisco — GuadalajaraMexico — Quintana Roo — CancúnMexico — Sinaloa — MazatlanMexico — Sonora — HermosilloMexico — Veracruz — VeracruzMicronesia — Pohnpei — PalikirMoldova — ChișinăuMonaco — MonacoMongolia — HovdMongolia — UlaanbaatarMontenegro -Podgorica -MozambitoMorocco -Morocco — Мьянма — НейпьидоМьянма — ЯнгонНамибия — ВиндхукНауру — ЯренНепал — КатмандуНидерланды — АмстердамНовая Каледония — Новая Каледония — НумеаНовая Зеландия — Окленд — ОклендНовая Зеландия — Острова Чатем — Острова Чатем Новая Зеландия — Веллингтон — ВеллингтонНикарагуа — Манагуа — ЛонгйирНорвегия — ОслоНорвегия — ТромсёОман — МускатПакистан — ИсламабадПакистан — Синд — КарачиПакистан — ЛахорПалау — НгерулмудПанама — ПанамаПапуа-Новая Гвинея — Порт-МорсбиПарагвай — АсунсьонПеру — Лима — ЛимаФилиппины — МанилаПиткэрн — АдамстаунПольша -ПортугалияПортугалия — Азорские острова — Дельгальта ко — Сан ХуанКатар — ДохаРеюньон (Франция) — Сен-ДениРумыния — БухарестРоссия — Архангельск — Белушья ГубаРоссия — Башкортостан — УфаРоссия — Челябинск — ЧелябинскРоссия — Чукотка — АнадырьРоссия — Чукотка — ПевекРоссия — Иркутск — ИркутскРоссия — Калининград — КалининградРоссия — Камчатка — Петропавловск-Камчатский -Россия — Хабаровск Комсомольск-на-АмуреРоссия — Красноярск — ХатангаРоссия — Красноярск — КрасноярскРоссия — Красноярск — НорильскРоссия — Магадан — МагаданРоссия — Москва — МоскваРоссия — Мурманск — МурманскРоссия — Новгород — НовгородРоссия — Новосибирск — НовосибирскРоссия — Омск — ОмскРоссия — Пермь — ПермьРоссия — Приморский — ВладивостокРоссия — Санкт-Петербург — Санкт-ПетербургРоссия — Саха (Якутия) — СреднеколымскРоссия — Саха (Якутия) — ТиксиРоссия — Саха (Якутия) — ВерхоянскРоссия — Саха (Якутия) — ЯкутскРоссия — Сахалин — Южно-СахалинскРоссия — Самара — СамараРоссия — Свердловск — ЕкатеринбургРоссия — Татарстан — КазаньРоссия — Удмуртия — ИжевскРоссия — Забайкальский — ЧитаРуанда — КигалиСент-Хелена — ДжеймстаунСент-Китс и Невис — БастерСент-Люсия — КастриСент-Винсент и Гренадины — КингстаунСамоа — АпиаСан-Марино — Сан-МариноСан-Томе и Принсипи — Сан-ТомеСаудовская Аравия — МеккаСаудовская Аравия — МединаСаудовская Аравия — Эр-РиядСенегал — ДакарСербия — БелградСейшельские острова — ВикторияСьерра-Леоне — ФритаунСингапур — СингапурСловакия — БратиславаСловения — ЛюблянаСоломоновы острова — ХониараСомали — МогадишоЮАР — КейптаунЮАР — ЙоханнесбургЮАР — Остров Марион (острова Принца Эдуарда)ЮАР — ПреторияЮжная Джорджия/Сэндвичевые острова.
— King Edward PointЮжная Корея — СеулЮжный Судан — ДжубаИспания — Барселона — БарселонаИспания — Мадрид — МадридИспания — Майорка — ПальмаШри-Ланка — КоломбоШри-Ланка — Шри-Джаяварденепура КоттеСудан — ХартумСуринам — ПарамарибоШвеция — СтокгольмШвейцария — Берн — БернШвейцария — Женева — ЖеневаШвейцария — Цюрих — ЦюрихСирия — ДамаскТайвань — ТайпейТаджикистан — ДушанбеТанзания — Дар-эс-СаламТанзания — ДодомаТаиланд — БангкокТимор-Лешти — ДилиТого — ЛомеТокелау — ФакаофоТонга — НукуалофаТринидад и Тобаго — Порт-оф-СпейнТунис — ТунисТурция — АнкараТурция — СтамбулТуркменистан — АшхабадТувалу — ФунафутиУкраина -Киев Украина -КампалаУкраина — Днепропетровск Ине — Одесса — ОдессаОбъединенные Арабские Эмираты — Абу-Даби — Абу-ДабиОбъединенные Арабские Эмираты — Дубай — ДубайВеликобритания — Англия — ЛондонВеликобритания — Северная Ирландия — БелфастСоединенное Королевство — Шотландия — ЭдинбургВеликобритания — Шотландия — ГлазгоВеликобритания — Уэльс — КардиффУругвай — Монтевидео Малые отдаленные острова США — Бейкер-АйлендМалые отдаленные острова США — МидуэйМалые отдаленные острова США — Остров УэйкСША — Алабама — МонтгомериСША — Аляска — АдакСША — Аляска — АнкориджСША — Аляска — ФэрбенксСША — Аляска — ДжуноСША — Аляска — УналаскаСША — Аризона — ФиниксСША — Арканзас — Литл-РокСША — Калифорния — Лос АнхелесСША — Калифорния — СакраментоСША — Калифорния — Сан-ДиегоСША — Калифорния — Сан-ФранцискоСША — Калифорния — Сан-ХосеСША — Колорадо — ДенверСША — Коннектикут — ХартфордСША — Делавэр — ДоверСША — Округ Колумбия — Вашингтон DCUSA — Флорида — МайамиСША — Флорида — ОрландоСША — Флорида — ПенсаколаСША — Джорджия — АтлантаСША — Гавайи — ГонолулуСША — Айдахо — БойсеСША — Иллинойс — ЧикагоСША — Индиана — ИндианаполисСША — Айова — Де-МойнСША — Канзас — ТопикаСША — Кентукки — Луисвилл США — Луизиана — Новый ОрлеанСША — Мэн — ОгастаСША — Мэриленд — БалтиморСША — Массачусетс — БостонСША — Мичиган — ДетройтСША — Миннесота — Миннеаполис США — Миннесота — Сент-ПолСША — Миссисипи — ДжексонСША — Миссури — Канзас-СитиСША — Миссури — Сент-ЛуисСША — Монтана — БиллингсСША — Небраска — ЛинкольнСША — Невада — Лас-ВегасСША — Нью-Гемпшир — КонкордСША — New Джерси — НьюаркСША — Нью-Мексико — АльбукеркеСША — Нью-Йорк — Нью-ЙоркСША — Северная Каролина — РолиСША — Северная Дакота — БисмаркСША — Огайо — КолумбусСША — Оклахома — Оклахома-СитиСША — Орегон — ПортлендСША — Орегон — СалемСША — Пенсильвания — ФиладельфияСША — Род-Айленд — ПровиденсСША — Южная Каролина — КолумбияСША — Южная Дакота — Рапид-СитиСША — Южная Дакота — Су-ФолсСША — Теннесси — НоксвиллСША — Теннесси — НэшвиллСША — Техас — ОстинСША — Техас — ДалласСША — Техас — ХьюстонСША — Техас — МидлендСША — Юта — Солт-Лейк-СитиСША — Вермонт — МонтпилиерСША — Вирджиния — РичмондСША — Вашингтон — СиэтлСША — Западная Вирджиния — ЧарлстонСША — Висконсин — МэдисонСША — Висконсин — МилуокиСША — Вайоминг — ШайеннУзбекистан — ТашкентВануату — Порт-ВилаВатикан Сити-Стат — ВатиканВенесуэла — КаракасВьетнам — ХанойВьетнам — ХошиминЗападная Сахара — Эль-АюнЙемен — Аден — СанаЗамбия — ЛусакаЗимбабве — Хараре
Выберите дату и время для обратного отсчета.
8Настройка обратного отсчета дизайн таймера
Только HTML/JavascriptОднострочный | Двухстрочный | Многострочный |
Пусто | Градиент | Красный | Ожидается мальчик | Ожидается девочка |
Сердца | Свадьба 1 | Свадьба 2 | Пляж 1 | Пляж 2 |
День рождения | Вечеринка | Баскетбол | Футбол | Американский футбол |
| Цвет фона: | #33 | |||||
| Размер счетчика: | Очень маленькийСреднийБольшойОчень большойПользовательский | |||||
| ||||||
| Строки текста: | Just counterСтрока заголовка + counter2 строки заголовка + counter | |||||
| Шрифт: | Sans Serif FontSerif FontTypewriter Шрифт | |||||
| Размер шрифта: | 40 %50 % 9 % 61 0 %70 0 %120 %130 %140 %150 %175 %200 %225 %250 %275 %300 %325 %350 %375 %400 % |
Настройка номера таймера обратного отсчета 0058
..)Настройка на случай, когда время еще не истекло 8
Настройка по истечении времени
| Текст верхнего заголовка: | # |
| 9 | Текст среднего заголовка 8: |
| |||
| Цвет часов обратного отсчета: | # |
|
Границы
| Границы отображения: | Без границОбщая границаОтдельная верхняя/левая/нижняя/правая граница |
Отступы
| Добавить отступы: | Без отступовОбщие отступы с каждой стороныОтдельные отступы сверху/слева/снизу/справа |
Выберите тип веб-сервера/сервера и создайте 9 незащищенную веб-страницу 90) Защищенная веб-страница (https/SSL-сервер, рекомендуется)
Предварительный просмотр текущего обратного отсчета
Вот как будут отображаться часы обратного отсчета:
Держите это окно в поле зрения
Нужна помощь?
Виджет таймера обратного отсчета Evergreen для веб-сайта HTML или страницы Facebook
Используйте этот вечнозеленый шаблон, чтобы легко добавить наш инструмент часов на ваш веб-сайт HTML или страницу Facebook.
Рейтинг 4,8 из 5 свыше 700 отзывов на G2.com
Каталог шаблонов
Нужен другой шаблон?
Ознакомьтесь с другими готовыми шаблонами для любого случая использования или создайте свой собственный!
Как я могу использовать вечнозеленый таймер обратного отсчета?
Виджет с повторяющимся обратным отсчетом — это таймер, который показывает количество времени, которое есть у конкретного пользователя, чтобы получить предложение. Виджет не нужно кодировать: плавно прикрепляйте и визуально настраивайте все его составные части в бесплатном живом конфигураторе. Настройте параметры виджета за пару секунд и создайте всплывающее окно, привлекающее наибольшее внимание. Вы можете добавить персонализированный виджет часов, где хотите:
- Сайт электронной коммерции (Shopify, BigCommerce, Magento).
- Социальные платформы (страница Facebook, Tumblr и т. д.)
- Сайт на любой CMS (Squarespace, Wix, WordPress и т.д.)
- Персональные блоги (Ghost, Blogger и многие другие).
- Поделиться виджетом со ссылкой (на отдельной странице).
д.)Подберите свой лучший таймер обратного отсчета Evergreen
Ниже вы найдете несколько связанных шаблонов. Выберите товар, который вам больше всего нравится, и разместите его на своем веб-сайте.
Шаблон 1: Evergreen Timer
Создайте обратный отсчет, показывающий время, когда новый посетитель получит персональную скидку. Дайте им 1 день подумать, пока не поздно!
Посмотреть этот шаблон
Шаблон 2: Evergreen Sale
Создайте привлекательный баннер и поместите на него кнопку CTA. Установите за час до окончания кампании, и пользователи обязательно будут покупать на вашем сайте.
Посмотреть этот шаблон
Шаблон 3: Evergreen Exclusive
Подчеркните уникальный шанс получить потрясающую скидку на свои товары с помощью этого таймера.
Дайте пользователям не более 45 минут на размышление и поместите яркую СТА-кнопку на горизонтальный баннер.
Посмотреть этот шаблон
Как я могу добавить вечнозеленый таймер обратного отсчета на свой веб-сайт?
Для интеграции виджета не требуется особых навыков или опыта программирования.
- Зарегистрируйтесь в нашем сервисе через демо, чтобы использовать выбранный шаблон;
- Сохраните код встраивания, который можно найти на вашей странице в Elfsight Apps;
- Вставьте код на страницу, куда вы хотите встроить виджет, или в код шаблона сайта;
- Сохраните изменения. Успех!
Каждый раз, когда вы хотите изменить свой виджет, вы можете сделать это в своей учетной записи в Elfsight Apps. Вам не нужно вносить изменения в код сайта.
Часто задаваемые вопросы
Как мне сделать собственный таймер обратного отсчета Evergreen?
Вы можете настроить любой выбранный шаблон по своему усмотрению с помощью бесплатного конфигуратора Elfsight.