Question

I have a website that has a Radio schedule, Mon – Sun. I would like to be able to display the correct schedule page for the current day, how would I do this? The site is a standard html site. I would also like to be able to highlight the particular show depending on the time of day.

Any ideas, this is all new to me.

Regards

Gary

Answer 1

since it’s also in the javascript section I’ll post a JS version of it:

var days = ["Monday","Tuesday","Wednesday","Thursday","Friday","Weekend","Weekend"];
var d = new Date();
var n = d.getDay();

window.location = days[n - 1]+".html";

place this at the top of your index.html file. In the same folder you need the various Monday.html … Friday.html files

in the same way you could do:

var d = new Date();
var h = d.getHours();

and then add a class “current-show” to a specific element in the page (with jQuery)

$(".show-time-"+ h).addClass("current-show");

This assumes that you have given the right classes to the show in the page (for example

<div class="show-time-14"></div>

And then in your css you can do:

.current-show { background-color: #BADA55: }