تغیر تم سایت با توجه به ساعت

@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 مشخص میشه
و هر بار که صفحه لود بشه اجراش میکنیم
برای کدش هم میتونی از کدی شبیه کد آقای بستان استفاده کنی

@ali.bayat

میتونم واسه چک کردن بین ساعت 11 تا 7 از این کد استفاده کنم ؟

    var date = new Date();
    var hours = date.getHours;
    if(hours >= 23 && hours <=8){
        //code
    }
    else{
        //code
    }

@cfarhad

میتونی راحت این کدها رو توی کنسول مرورگر اجرا کنی.

مسلما راه های زیادی برای نوشتن چنین ویژگی هست.
اما فکر نمیکنید اون مثال کمی مدرن‌تر و خواناتره؟
حیف نیست از متد includes استفاده نکنیم؟

مهم نیست از چه زبانی استفاده میکنیم، رعایت کردن یک سری چیزها مثل نام متغیر ها و توابع، یا حتی پارامترهای توابع، میتونه در خوانایی کد ما اثر بگذاره.