اريد كود جافا تعداد زمني تنازلي لتاريخ 15 ديسمبر عام 2025 وليكن كود جافا جاهز لإضافته في صفحة هتمل
هذا هو الكود الذي يمكنك استخدامه لعرض العدد الزمني التنازلي للتاريخ 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.