• 0
Нуб

Как сделать счетчик?

Вопрос

Доброго дня!

Как сделать вот такой счетчик:

Т.е.чтобы  время шло в обратном отсчете от окончания даты.

 

Счетчик.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Стырить с https://codepen.io/search/pens?q=counter&limit=all&type=type-pens

А если надо, то ещё и разобраться, как они все работают)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Что мне там тырить, мне ничего не подойдет.

Наверно мне нужно в раздел JS обратится.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
1 час назад, Нуб сказал:

Что мне там тырить, мне ничего не подойдет.

По моему то что вам нужно https://codepen.io/zohf/pen/doNrjr

Внизу в коде js в counter указываем дату, остается только дописать проверку на окончание отсчета.

Либо воспользуйтесь генератором счетчиков, например http://megatimer.ru

Изменено пользователем AlexZaw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Я даже в CSS не могу эту кнопку оформить, точней не знаю как правильно даже оформить её. Я могу для каждого квадрата див сделать, но мне кажется это неправильно.

Вот пока, что сделал:

HTML:

<div id="borderbutton"><div id="butscet"><div id="blackkwadrat"></div></div></div>

CSS:

#butscet {

width:335px; height:80px;

background-color:#ffcc33; border-radius:40px;

margin-top: 20px; margin-left: 40px; position:

absolute; color: #fff; }

#blackkwadrat { width:45px; height:45px;

display: block; margin-left:40px;

margin-top: 15px; background-color: #000; }

 

Изменено пользователем Нуб

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Я поискал в интернете информацию на эту тему, информации много, счетчик получился.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы