سلام ، من میخوام کاری کنم که بین ساعت 11 تا 7 صب تم سایتم تیره بشه
یعنی یه فایل dark.css ساختم فقط میخوام توی این ساعت جایگزین فایل light.css شه و در بقیه ساعت ها همون light.css باشه
اگه کسی میدونه باید چیکار کنم ممنون میشم
@cfarhad
سلام.
برای این کار اول یک شرط قرار می دید که اگر ساعت بین 11 تا 7 بود، کد زیر اجرا بشه :
document.querySelector("link[href='light.css']").href = "dark.css";
میتونی از کد زیر استفاده کنی :
<script>
window.onload = function() {
themeChanger();
}
function themeChanger() {
var today = new Date();
var currentHour = today.getHours();
var darkThemeHours = Array(23, 24, 0, 1, 2, 3, 4, 5, 6, 7);
if (darkThemeHours.includes(currentHour)) {
// CODE HERE
// Change Theme to Dark
}
else {
// Change Theme to Light
}
}
</script>
این تابع که اجرا بشه ساعت رو چک میکنه و Theme مشخص میشه
و هر بار که صفحه لود بشه اجراش میکنیم
برای کدش هم میتونی از کدی شبیه کد آقای بستان استفاده کنی
میتونم واسه چک کردن بین ساعت 11 تا 7 از این کد استفاده کنم ؟
var date = new Date();
var hours = date.getHours;
if(hours >= 23 && hours <=8){
//code
}
else{
//code
}
میتونی راحت این کدها رو توی کنسول مرورگر اجرا کنی.
مسلما راه های زیادی برای نوشتن چنین ویژگی هست.
اما فکر نمیکنید اون مثال کمی مدرنتر و خواناتره؟
حیف نیست از متد includes استفاده نکنیم؟
مهم نیست از چه زبانی استفاده میکنیم، رعایت کردن یک سری چیزها مثل نام متغیر ها و توابع، یا حتی پارامترهای توابع، میتونه در خوانایی کد ما اثر بگذاره.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟