كود جافا عداد زمني تنازلي لأي تاريخ تريد يمكن اضافته في صفحة html

حلول المشاكل التقنية
1

اريد كود جافا تعداد زمني تنازلي لتاريخ 15 ديسمبر عام 2025 وليكن كود جافا جاهز لإضافته في صفحة هتمل

2

هذا هو الكود الذي يمكنك استخدامه لعرض العدد الزمني التنازلي للتاريخ 15 ديسمبر 2025 في صفحة HTML:

<p id="countdown"></p>

<script>
  // Set the date we're counting down to
  var countDownDate = new Date("Dec 15, 2025 00:00:00").getTime();

  // Update the count down every 1 second
  var x = setInterval(function() {

    // Get today's date and time
    var now = new Date().getTime();
    
    // Find the distance between now and the count down date
    var distance = countDownDate - now;
    
    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
    // Output the result in an element with id="countdown"
    document.getElementById("countdown").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";
    
    // If the count down is over, write some text 
    if (distance < 0) {
      clearInterval(x);
      document.getElementById("countdown").innerHTML = "EXPIRED";
    }
  }, 1000);
</script>

هذا يعمل على طريقة العد التنازلي التي يتم العمل عليها من خلال الحساب التكراري للمدة المتبقية بين التاريخ الحالي والتاريخ المحدد. يتم العمل على هذا الحساب في كود setInterval لتحديث العد التنازلي كل 1 ثانية.

يمكنك تعديل الكود بما يتناسب مع متطلباتك. مثلاً، يمكنك تعديل العنصر الذي يتم إدراج العد التنازلي فيه أو تعديل وقت التحديث الذي يتم العمل عليه في setInterval.