Jump to content

Доделайте мне пожалуйста таймер.


Нуб
 Share

Recommended Posts

Сделал таймер,  там есть образец в виде картинки в расширение png, а также код в html, css. jv.

Не знаю как до оформить чтобы отображались дни, часы, минуты и т.д. т.е. сам текст.

Помогите пожалуйста, проект не коммерческий.

Таймер.rar

Link to comment
Share on other sites

Вот я до оформил, осталось только:

Как нужно сделать чтобы время отсчета синхронизировалось с временем и датой компьютера? 
У меня сейчас написан скрипт таким образом, что он не синхронизирует данные с временем и датой на ПК, а запускается каждый раз с обнуленными данными, т.е. которые прописаны в скрипте.

Допустим человек запустил у себя на компьютере мою страничку в 12:00, ему нужно чтобы показало на таймере, что осталось: 1 дней 12 часов, другой человек запускает в этот же день, что и первый, но только в 18:00. Ему нужно чтобы показывало,что осталось 1 дней 6 часов. 
Я думаю принцип понятен.

 

Таймер.rar

Link to comment
Share on other sites

А как это сделать?

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

Edited by Нуб
Link to comment
Share on other sites

тогда у вас должно быть задано время конца таймера, например
var end = new Date(2018, 05, 21, 12, 0, 0, 0);
var now = new Date();
дальше обрабатывайте той функцией которая у вас сейчас обрабатывает даты

  • Thanks 1
Link to comment
Share on other sites

ТЗ:
Мне нужно оформить блок чтобы время шло согласно обратному отчету до этой даты т.е. до 1-го июля.
Прийти к человеку, он расположен в моем городе запустить этот index.html и чтобы у него уже время счетчика показывало меньше, чем показывало у меня ранее т.е. опираясь на дату и время на его ПК. Мы живем в одном часовом поясе.
Сейчас у меня забито 43 дня запущу затвра опять будет 43 дня, нужно чтобы реальное число дней и часов и минут и секунд показывало до 1-го июля.

1.jpg

Switch74 вы можете мне сделать, то что вы описали? Я новичок в джавескрипт. а проект надо срочно сдавать. Он учебный. Я был бы очень благодарен. если вы поможете.

Link to comment
Share on other sites

Огромное спасибо! Вы могли бы этот код интегрировать в мой код, а то вставляю и анимация не происходит. Во втором посте есть ссылка на таймер.

Пожалуйста очень нужно.

Edited by Нуб
Link to comment
Share on other sites

замените document.getElementById('timer').innerHTML = timer;
на document.getElementById('butscet').innerHTML = timer;
или данную строку заменить на
document.getElementById('days').innerHTML = days_;
document.getElementById('hour').innerHTML = hours_;
document.getElementById('minute').innerHTML = minutes_;
document.getElementById('second').innerHTML = seconds_;

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy