فرهاد
4 سال پیش توسط فرهاد مطرح شد
4 پاسخ

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

سلام ، من میخوام کاری کنم که بین ساعت 11 تا 7 صب تم سایتم تیره بشه
یعنی یه فایل dark.css ساختم فقط میخوام توی این ساعت جایگزین فایل light.css شه و در بقیه ساعت ها همون light.css باشه

اگه کسی میدونه باید چیکار کنم ممنون میشم


ثبت پرسش جدید
محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 4 سال پیش آپدیت شد
3

@cfarhad
سلام.
برای این کار اول یک شرط قرار می دید که اگر ساعت بین 11 تا 7 بود، کد زیر اجرا بشه :

document.querySelector("link[href='light.css']").href = "dark.css";

علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش مطرح شد
3

میتونی از کد زیر استفاده کنی :

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


فرهاد
تخصص : Javascript Developer
@cfarhad 4 سال پیش مطرح شد
1

@ali.bayat

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

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

علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش آپدیت شد
0

@cfarhad

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

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

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام