توليد قيمة عشوائية بين 0 و100 بفاصل زمني 5 ثوانٍ باستخدام JavaScript
في عالم برمجة الويب الحديث، يعتبر لغة الجافا سكريبت JavaScript أحد اللغات الأساسية التي تستخدم لتحسين تفاعل المستخدم مع صفحات الويب. إذا كنت تسعى لتوليد قيمة عشوائية بين 0 و100 بفاصل زمني يبلغ 5 ثوانٍ باستمرار، فإن هذه المهمة يمكن تحقيقها بسهولة باستخدام وظائف محددة في JavaScript.
للقيام بذلك، يمكنك استخدام دالة setInterval لتكرار تنفيذ كود معين بانتظام وتحديد الوقت بين كل تنفيذين. في هذا السياق، يمكننا استخدام دالة Math.random() لتوليد قيمة عشوائية بين 0 و1 ومن ثم تحويلها إلى نطاق يتراوح بين 0 و100.
إليك مثال على كيفية تنفيذ هذه المهمة باستخدام JavaScript:
htmlhtml>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>توليد قيمة عشوائية بفاصل زمني في JavaScripttitle>
head>
<body>
<p>يتم تحديث القيمة كل 5 ثوانٍ:p>
<p id="randomValue">p>
<script>
// الدالة التي تقوم بتحديث القيمة العشوائية
function updateRandomValue() {
// توليد قيمة عشوائية بين 0 و1
var random = Math.random();
// تحويلها إلى نطاق بين 0 و100
var randomInRange = Math.floor(random * 100);
// عرض القيمة في الصفحة
document.getElementById("randomValue").innerHTML = "القيمة العشوائية: " + randomInRange;
}
// تحديث القيمة كل 5 ثوانٍ باستخدام setInterval
setInterval(updateRandomValue, 5000);
// تنفيذ الدالة لأول مرة
updateRandomValue();
script>
body>
html>
في هذا السياق، يتم تحديث القيمة العشوائية كل 5 ثوانٍ باستخدام دالة setInterval، وتظهر القيمة في الصفحة باستخدام العنصر
المعرف بـ “randomValue”.
المزيد من المعلومات
إن فهم عملية توليد القيم العشوائية في JavaScript وتكرار ذلك بفاصل زمني يعود إلى الاستفادة من بعض المفاهيم الأساسية في لغة البرمجة هذه.
أولًا وقبل كل شيء، دالة Math.random() تُستخدم لتوليد قيمة عشوائية بين 0 و1. هذه القيمة تكون فاصلة عائمة (floating-point) تتراوح بين 0 (شامل) و1 (غير شامل).
ثم تستخدم دالة Math.floor() لتقريب القيمة العشوائية إلى أقرب عدد صحيح. في هذا السياق، يتم ضرب قيمة Math.random() في 100 للحصول على نطاق بين 0 و100، ثم تستخدم Math.floor() لتقريب الناتج إلى أقرب عدد صحيح.
تُظهر قيمة الناتج في الصفحة باستخدام document.getElementById("randomValue").innerHTML، حيث يتم الوصول إلى العنصر الذي يحمل الهوية “randomValue” في الصفحة وتحديث محتواه.
باستخدام دالة setInterval()، يتم تنفيذ دالة updateRandomValue بانتظام كل 5 ثوانٍ، مما يؤدي إلى تحديث القيمة العشوائية على الصفحة بشكل دوري.
الكود البرمجي مضاف إلى صفحة HTML، ويتيح للمطورين إضافة هذا السيناريو إلى مشاريعهم الخاصة لتحسين تفاعل المستخدم أو لتنفيذ وظائف تتطلب تحديثًا دوريًا للبيانات.