У меня есть это html, и мне нужно добавить как можно больше div class = row с часами в нем. однако что-то нарушает код, и часы нормально работают на первом элементе div class = row, но срабатывают на всех последующих div, поэтому часы на втором, третьем и т. д. c не работают. что-то не так с моим javascript ... спасибо
`
<table>
<tr>
<td class="for-sale-heading">
<h4>End Date: </h4>
<h5 class="time">04-30-20 15:00:00</h5>
</td>
<td class="for-sale-heading">
<div class="clock">
<div>
<span class="day"></span>
<div class="local-date">Days</div>
</div>
<div>
<span class="hour"></span>
<div class="local-date">Hours</div>
</div>
<div>
<span class="minute"></span>
<div class="local-date">Minutes</div>
</div>
<div>
<span class="second"></span>
<div class="local-date">Seconds</div>
</div>
</div>
<p class="closed"></p>
</td>
</tr>
</table>
</div>
</div>
<table>
<tr>
<td class="for-sale-heading">
<h4>End Date: </h4>
<h5 class="time">04-30-20 15:00:00</h5>
</td>
<td class="for-sale-heading">
<div class="clock">
<div>
<span class="day"></span>
<div class="local-date">Days</div>
</div>
<div>
<span class="hour"></span>
<div class="local-date">Hours</div>
</div>
<div>
<span class="minute"></span>
<div class="local-date">Minutes</div>
</div>
<div>
<span class="second"></span>
<div class="local-date">Seconds</div>
</div>
</div>
<p class="closed"></p>
</td>
</tr>
</table>
</div>
</div>
<table>
<tr>
<td class="for-sale-heading">
<h4>End Date: </h4>
<h5 class="time">04-30-20 15:00:00</h5>
</td>
<td class="for-sale-heading">
<div class="clock">
<div>
<span class="day"></span>
<div class="local-date">Days</div>
</div>
<div>
<span class="hour"></span>
<div class="local-date">Hours</div>
</div>
<div>
<span class="minute"></span>
<div class="local-date">Minutes</div>
</div>
<div>
<span class="second"></span>
<div class="local-date">Seconds</div>
</div>
</div>
<p class="closed"></p>
</td>
</tr>
</table>
</div>
</div>
<script type="application/javascript">
$(document).ready(function() {
var deadline = new Date("apr 30, 2020 15:00:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var t = deadline - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementsByClassName("day")[0].innerHTML = days;
document.getElementsByClassName("hour")[0].innerHTML = hours;
document.getElementsByClassName("minute")[0].innerHTML = minutes;
document.getElementsByClassName("second")[0].innerHTML = seconds;
if (t < 0) {
clearInterval(x);
document.getElementsByClassName("closed")[0].innerHTML = "Auction Closed";
document.getElementsByClassName("day")[0].innerHTML = '0';
document.getElementsByClassName("hour")[0].innerHTML = '0';
document.getElementsByClassName("minute")[0].innerHTML = '0';
document.getElementsByClassName("second")[0].innerHTML = '0';
}
}, 1000);
});
</script>
введите описание изображения здесь