Home/ Questions/Q 3681268
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T03:40:16+00:00

I have the following code set up in my footer which adds a class

  • 0

I have the following code set up in my footer which adds a class of ‘day’ during the time specified.

function setTimeStyles() {
    var currentTime = new Date().getHours();
    if(currentTime > 5 && currentTime < 17) {
    document.body.className = 'day';
    }
}

$(document).ready(function() {
    setTimeStyles();
});

The problem is when the class gets added, it gets rid of the other classes already in place. For example, without the ‘day’ class added, my body tag would be:

<body class="home">

But when the ‘day’ class is added, my body tag turns into:

<body class="day">

I’d like it so that the ‘day’ class gets added to what’s already there like this:

<body class="home day">

How can I go about doing this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In jQuery you can do

    $("body").addClass("day");
    • 0