اذهب إلى المحتوى
  • 0

كيف أغير لون الخلفية عند كل تحديث للصفحة؟

محمد بوسكوري

السؤال

Recommended Posts

  • 0

باستعمال Php ، يمكن الاستعانة بهذا السكريبت:

<?php 
    $rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
    $color = '#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
?>

على صفحة Html:

<body style="background: <?php echo $color; ?>;">

 

هذا مثال آخر باستعمال Javascript:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>

</body>


<script type="text/javascript" charset="utf-8" async defer>
   function getRandomColor() {
       var letters = '0123456789ABCDEF'.split('');
       var color = '#';
       for (var i = 0; i < 6; i++ ) {
           color += letters[Math.floor(Math.random() * 16)];
       }
       return color;
   }


   if (sessionStorage.getItem("reload_count")) {
      var reloadCount = sessionStorage.getItem("reload_count");
      var reloadCount = Number(reloadCount);
      var reloadCountOld = Number(reloadCount);
      sessionStorage.setItem("reload_count", reloadCount += 1);
   } else {
      sessionStorage.setItem("reload_count", 1);
   }

   if (reloadCount > reloadCountOld) {
      var hexColor = getRandomColor();
      document.body.style.backgroundColor = hexColor;
   }
</script>
</html>

ألق نظرة على هذا الرابط: Random Hex Color

تم التعديل في بواسطة E.Nourddine
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...