Получение нескольких таймеров обратного отсчета из наборов запросов с помощью моделей django и javascript

Я действительно не знаю, как продвинуть это дальше, идея заключается в инвестиционной платформе, где пользователь может иметь несколько инвестиций и каждая инвестиция имеет срок исполнения введите описание изображения здесь

На этом изображении показано, что когда я пытаюсь запросить таймер обратного отсчета, он просто показывает для первого набора запросов и выбирает новый запрос, добавленный в набор запросов модели

   <script>

                                             let timer =  new Date({{amt.timer|date:'U'}}*1000)

                                             time = new Date(timer).getTime()


                                             newbox = document.getElementById('box')
                                     var interval =        setInterval(() => {
                                                 const now = new Date().getTime()
                                                 const diff = time - now

console.log(` this is testing diff ${diff}`)
                                                 console.log(` this is testing ooo ${time}`)
                                      console.log(` this is testing now ${now}`)

                                                 const d = Math.floor(diff / (1000 * 60 * 60 * 24) )




                                                 const h = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                                                 const m = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
                                                 const s = Math.floor((diff % (1000 * 60)) / 1000);

                                                     newbox.innerHTML = `${d} days ${h} hours ${m} minutes ${s} seconds`

                                                 if (diff < 0) {
                                                     clearInterval(interval)
                                                 }

                                                 {#console.log(time)#}
                                                 {#console.log(diff)#}
                                                 {#console.log('hello')#}
                                             }, 1000)



                                     </script>

этот код находится в forloop. спасибо, надеюсь, я попытался объяснить ситуацию

Вернуться на верх