Добрый день. Много тем по поводу таймера. И я почти нашёл что хотел, но не добился желаемого результата, а именно хочу вывести таймер обратного отсчёта для товара который в пути, т.е. : товар в пути будет через и..... 0 : 12 : 02 : 02.
Я добился этого просто вставив javascript прям в описание товара в исходном коде в редакторе товара. Но всё отображается только при переходе в карточку товара, а из главной когда просматриваешь доступные товары таймер тупо замершый и не переносятся стили. Может кто знает куда вписать код. Вот
<script>
function updater(d, h, m, s) {
// День сброса - 27 сентября 2015 года (и далее каждые три дня)
var baseTime = new Date(2015, 8, 27);
// Период сброса — 3 дня
var period = 3*24*60*60*1000;
function update() {
var cur = new Date();
// сколько осталось миллисекунд
var diff = period - (cur - baseTime) % period;
// сколько миллисекунд до конца секунды
var millis = diff % 1000;
diff = Math.floor(diff/1000);
// сколько секунд до конца минуты
var sec = diff % 60;
if(sec < 10) sec = "0"+sec;
diff = Math.floor(diff/60);
// сколько минут до конца часа
var min = diff % 60;
if(min < 10) min = "0"+min;
diff = Math.floor(diff/60);
// сколько часов до конца дня
var hours = diff % 24;
if(hours < 10) hours = "0"+hours;
var days = Math.floor(diff / 24);
d.innerHTML = days;
h.innerHTML = hours;
m.innerHTML = min;
s.innerHTML = sec;
// следующий раз вызываем себя, когда закончится текущая секунда
setTimeout(update, millis);
}
setTimeout(update, 0);
}
updater(document.getElementById("days"),
document.getElementById("hours"), document.getElementById("minutes"),
document.getElementById("seconds"));
</script>
//Вывод таймера
<div class="timer">
<p>Товар в пути. Будет через </p>
<span id="days">0</span>
<span id="delimiter">:</span>
<span id="hours">07</span>
<span id="delimiter">:</span>
<span id="minutes">08</span>
<span id="delimiter">:</span>
<span id="seconds">25</span>
</div>
Или может есть чё попроще и я придумываю велосипед по новой как я это могу)
