كيف أُغير خلفية صفحة انترنت حسب فترة زمنية معينة باستخدام JavaScript ؟

سمير · 3 أكتوبر 2015

أحتاج إلى طريقة لتغيير خلفية صفحة الانترنت وإدراج :

الصورة رقم 1 من 12 ليلاً وحتى 12 ظهراً

الصورة رقم 2 من 12 ظهراً حتى 12 ليلاً

تم التعديل في 3 أكتوبر 2015 بواسطة سمير

عبد الرزاق القرن · 3 أكتوبر 2015

لانجاز فكرتك تحتاج إلى تحديد الوقت الحالي وذلك ببناء غرض من ()Date ومناداة الطريقة getHours لتحديد الساعة الحالية.

من ثم تفحّص الساعة الحالية وتنفيذ الشرط المناسب لها.

عملياً يمكنك استخدام الأوامر التالية :

<html>
  <head>
    <script>
	function ChangeBackGround() {
  	   var cd = new Date();
	   var hours = cd.getHours();
	
	   if(hour>=0 && hour<12) {
	      document.body.style.backgroundImage = "url('pic1.jpg')"; 
	   }
	   else if (hour>=12 && hour<23) {
	      document.body.style.backgroundImage = "url('pic2.jpg')"; 
	   }
	}
    </script>
  </head>
  <body onLoad="ChangeBackGround();">
  
      <!-- Body محتوى الوسم -->
	  
  </body>
</html>

للمزيد حول Dates في جافا سكربت.

تم التعديل في 3 أكتوبر 2015 بواسطة عبد الرزاق القرن

كيف أُغير خلفية صفحة انترنت حسب فترة زمنية معينة باستخدام JavaScript ؟

السؤال

سمير

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

عبد الرزاق القرن

رابط هذا التعليق

شارك على الشبكات الإجتماعية

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية