نمایش تایمر شماره معکوس برای محصولات دارای تخفیف با javascript

سلام خدمت دوستان گرامی

من برای قسمت تخفیف کالا یک تایمر با javascript گذاشتم .
قسمت نمایش زمان مشکل داره و تایمر محصول اول برای تمامی محصولات دیگه نمایش میده
لطفا اگر ممکنه کدها بررسی کنید کجا اشتباه نوشتم . ممنونم .

    <script>

        var arr = new Array();

         arr = <?php echo json_encode($array_product); ?>;

        for (let i=0;i<arr.length ;i++)
        {
            var key=arr[i];

            var countDownDate = new Array();
            var now_ = new Array();
            var distance = new Array();
            var x = new Array();

              countDownDate[key] = new Date(document.getElementById('time_'+arr[i]).innerText).getTime();

           x[key] = setInterval(function() {

                  now_[key] = new Date(document.getElementById('now_'+arr[i]).innerText).getTime();

                 distance[key] = countDownDate[key] - now_[key];

                // محاسبات روز ، ساعت ، دقیقه و ثانیه
                document.getElementById('test_'+arr[i]).innerText = arr[i];
                document.getElementById('days_'+arr[i]).innerText = Math.floor(distance[key] / (1000 * 60 * 60 * 24));
                document.getElementById('hours_'+arr[i]).innerText = Math.floor((distance[key] % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                document.getElementById('minutes_'+arr[i]).innerText = Math.floor((distance[key] % (1000 * 60 * 60)) / (1000 * 60));
                document.getElementById('seconds_'+arr[i]).innerText = Math.floor((distance[key] % (1000 * 60)) / 1000);

                }, 1000)
        }

    </script>

کد های مربوط به نمایش محصولات

    @foreach($product_off as $product)
{{--    زمان پایان --}}
    <div  id="time_{{$product->id}}">{{date('M d, Y h:i:s', decryptS($product->end_time))}}</div>

{{--زمان جاری--}}
    <div  id="now_{{$product->id}}">{{date('M d, Y h:i:s', showStampNow_now())}}</div>
    <ul>
        <li><span id="test_{{$product->id}}"></span> </li>
        <li><span id="days_{{$product->id}}"></span>روز</li>
        <li><span id="hours_{{$product->id}}"></span>ساعت</li>
        <li><span id="minutes_{{$product->id}}"></span>دقیقه</li>
        <li><span id="seconds_{{$product->id}}"></span>ثانیه</li>
    </ul>

 @endforeach