رموز ASP وPHP وJavaScript لتبديل واجهات CSS وفقًا لفترات زمنية يجب أن يعلم الجميع أن موقع الويب يمكنه تبديل أنماط CSS المختلفة، على سبيل المثال، أضافت Tencent الشهيرة أيضًا وظيفة تبديل الأسطح أثناء مراجعتها هذا العام. إنها فكرة جيدة أن يتم ضبط نمط الموقع تلقائيًا وفقًا للوقت. هذا الضبط التلقائي لنمط الموقع وفقًا للوقت ليس بالأمر الجديد. أتذكر أنني رأيت مقالات أو أساليب مماثلة منذ وقت طويل، لكنني لم أهتم بها بشكل خاص في ذلك الوقت. لنتحدث عن طرق التنفيذ الخاصة بهم، توجد حاليًا طريقتان للتنفيذ على الإنترنت:
1. استخدام
إصدار ASP من التعليمات البرمجية من جانب الخادم:
<link rel="stylesheet" type="text/css" href="
<%
إذا كانت الساعة (الآن) <12 إذن
استجابة.اكتب "morning.css"
ساعة elseif(الآن)<17 إذن
استجابة.اكتب "day.css"
آخر
استجابة.اكتب "night.css"
نهاية إذا
%>
"/>
نسخة PHP:
<link rel="stylesheet" type="text/css" href="
<?php
$ساعة = تاريخ("H");
إذا($ساعة <12)
صدى "morning.css"؛
وإلا إذا($ساعة <17)
صدى "day.css"؛
آخر
صدى "night.css"؛
?>
" />
2. استخدم كود جافا سكريبت
<نوع البرنامج النصي = "نص/جافا سكريبت">
<!–
وظيفة الحصول على CSS () {
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
إذا (الساعة<12)
عرض = "morning.css"؛
وإلا إذا (الساعة<17)
عرض = "day.css"؛
آخر
عرض = "night.css"؛
//(...أضف المزيد إذا أردت...)
فار CSS = '<';
css+='link rel="stylesheet" href='+display+' /';
css+='>';
document.write(css);
}
->
</script>
مع الأخذ في الاعتبار أن العميل قد لا يدعم أو يعطل JavaScript، فأنت بحاجة إلى تعيين CSS افتراضي.