Squarespace: хочу добавить таймер обратного отсчета в область заголовка

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

Я хотел бы, чтобы таймер обратного отсчета заменил «17 сентября 2017 года» вверху. У меня есть код/скрипт для таймера, но инструкции требуют, чтобы я сделал блок кода, чего нельзя сделать в заголовках этого шаблона.

Это страница: http://www.meetusinthemountains.net/when-where/#details< /а>

Есть место для вставки любого CSS, но это то место, где можно поместить HTML и скрипт, что ставит меня в тупик. Для каждой страницы есть «области ввода кода», но это, похоже, не сработало. К сожалению, я не могу просто получить доступ к своим собственным файлам HTML, если я не перейду на бизнес-план или что-то еще.

Любой способ получить его там? Вот код таймера:

<div id="timer"> 
<div id="days"></div>
<div id="hours"></div>
<div id="minutes"></div>
<div id="seconds"></div>


   /* COUNTDOWN TIMER CSS */

#timer {
  margin: 0 auto;
  display: table;
  div {
    display: table-cell;
// STYLE NUMBERS
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #f65959;
  padding: 20px;
    border-radius: 300px;
    text-align: center;
    span {
// STYLES DAYS, HOURS, MINUTES, SECONDS
      letter-spacing: 0px;
      color: #111111;
  font-size: 20px;
      margin-left: -4px;
      margin-top: 16px;
      display: block;
    }
  }
}
@media (max-width : 667px) {
  #timer {
    div {
      padding: 16px;
      font-size: 26px !important;
      span {
        margin-top: 2px;
        font-size: 12px !important;
      }
    }
  }
}

<script>
function makeTimer() {

var endTime = new Date("December 25, 2015 12:00:00 EST");
var endTime = (Date.parse(endTime)) / 1000;

var now = new Date();
var now = (Date.parse(now) / 1000);

var timeLeft = endTime - now;

var days = Math.floor(timeLeft / 86400); 
var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));

if (hours < "10") { hours = "0" + hours; }
if (minutes < "10") { minutes = "0" + minutes; }
if (seconds < "10") { seconds = "0" + seconds; }

$("#days").html(days + "<span>Days</span>");
$("#hours").html(hours + "<span>Hours</span>");
$("#minutes").html(minutes + "<span>Minutes</span>");
$("#seconds").html(seconds + "<span>Seconds</span>");

}

setInterval(function() { makeTimer(); }, 1000);
</script>

html css squarespace
person Kelsey Kronmiller    schedule 11.03.2016    source источник
comment
если вам просто нужно место для тестирования кода js или css, вы можете попробовать CodePen или скрипт js.   -  person Shiyou    schedule 11.03.2016
comment
Спасибо! Код для таймера на самом деле отлично работает, он просто вставляет его в мой шаблон в тех местах, где квадратное пространство не позволяет вам понять, с чем у меня проблемы :(   -  person Kelsey Kronmiller    schedule 11.03.2016