Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.10.2019, 15:31
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

Изменить скрипт отсчета времени
Здравствуйте,

кто шарит в java можете помочь с изменением данного кода так чтобы скрипт отсчитывал от введенной даты 7 дней и писал осталось
например ведена дата 2019-10-1 , отсчитывал этой даты 7 дней и выводил оставшихся дней, часов,… до читал до ноля после останавливался

<style>

 
.countdown-title {
  color: #396;
  font-weight: 100;
  font-size: 20px;
  margin: 40px 0px 20px;
}
 
.countdown {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 18px;
}
 
.countdown-number {
  padding: 3px;
  border-radius: 2px;
  background: #00bf96;
  display: inline-block;
}
 
.countdown-time {
  padding: 6px;
  border-radius: 3px;
  background: #00816a;
  display: inline-block;
}
 
.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 12px;
}
</style>


<h1 class="countdown-title">Countdown Clock</h1>
<div id="countdown" class="countdown">
  <div class="countdown-number">
    <span class="days countdown-time"></span>
    <span class="countdown-text">Дней</span>
  </div>
  <div class="countdown-number">
    <span class="hours countdown-time"></span>
    <span class="countdown-text">Часов</span>
  </div>
  <div class="countdown-number">
    <span class="minutes countdown-time"></span>
    <span class="countdown-text">Минут</span>
  </div>
  <div class="countdown-number">
    <span class="seconds countdown-time"></span>
    <span class="countdown-text">Секунд</span>
  </div>
</div>
<script>
function getTimeRemaining(endtime) {
  var t = Date.parse('2019.10.9') - Date.parse(new Date());
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
  var days = Math.floor(t / (1000 * 60 * 60 * 24));
  return {
    'total': t,
    'days': days,
    'hours': hours,
    'minutes': minutes,
    'seconds': seconds
  };
}
 
function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');
 
  function updateClock() {
    var t = getTimeRemaining(endtime);
 
    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
 
    if (t.total <= 0) {
      clearInterval(timeinterval);
    }
  }
 
  updateClock();
  var timeinterval = setInterval(updateClock, 1000);
}
 
var deadline = new Date(Date.parse(new Date()) + 7 * 24 * 60 * 60 * 1000); // for endless timer
initializeClock('countdown', deadline);
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить этот скрипт, чтобы прокрутка выполнялась в конец страницы? Teamur Общие вопросы Javascript 2 29.06.2015 18:27
Подскажите скрипт, для отсчета времени shureg Общие вопросы Javascript 3 30.08.2013 16:27
Нужно изменить скрипт смены фона Linblack Общие вопросы Javascript 0 26.05.2013 00:07
Скрипт с отсчётом времени bona Общие вопросы Javascript 6 15.03.2012 13:35
Изменить скрипт Изучаю_JS Общие вопросы Javascript 0 12.02.2012 22:05