zeynab
4 سال پیش توسط zeynab مطرح شد
0 پاسخ

نمایش تایمر شماره معکوس برای محصولات دارای تخفیف با 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

ثبت پرسش جدید

به همدیگه کمک کنیم

به zeynab کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام