By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,769 Members | 1,151 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,769 IT Pros & Developers. It's quick & easy.

Time Based Graphic Change Every Sunday?

P: n/a
I present a radio show on a voluntary radio station every Sunday between 3 and 5pm

Is there a script which will change one graphic between those times?

Be nice if my web page could change to "ON AIR", but it's beyond me how to do it.

TIA

Gary Jackson

Feb 18 '07 #1
Share this Question
Share on Google+
4 Replies

P: n/a
Gary Jackson said the following on 2/18/2007 9:27 AM:
I present a radio show on a voluntary radio station every Sunday between 3 and 5pm

Is there a script which will change one graphic between those times?

Be nice if my web page could change to "ON AIR", but it's beyond me how to do it.
Without having some server side support you won't have a reliable
answer. And even with server side support it still won't be fool proof.
The best you could do would be to use a setTimeout call to change the
image every so often (60 seconds) and have the server return the image
that is needed.

function changeImage(){
document.images['theImage'].src="getImage.php?"+(new Date().getTime())
}
var myTimer = window.setInterval(changeImage,60000)

With this HTML:

<image src="off_air.png" name="theImage">

And then have getImage.php return an "ON AIR" or "OFF AIR" image based
on the servers time. If the server and the radio show are in different
time zones then you will have to accommodate for that on the server.

Any solution will be dependent upon the clock being set properly and it
is easier to control the server clock than every users clock. It will
also depend on scripting being enabled.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Feb 18 '07 #2

P: n/a
VK
On Feb 18, 5:27 pm, "Gary Jackson" <gary.jackson1NOT
T...@btinternet.comwrote:
I present a radio show on a voluntary radio station every Sunday between 3 and 5pm

Is there a script which will change one graphic between those times?

Be nice if my web page could change to "ON AIR", but it's beyond me how to do it.
1) That is for a station located in England (GMT) If it is not then
tell your time zone to adjust.

2) Respectively instead of "<p>ON AIR</p>" you can write your img tag

3) User clocks can be wrong or intentionally set on a wrong time but
as a "hint helper" for average users it is good enough.
<html>
<head>
<title>Gary Jackson's show</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body>
<script type="text/javascript">
var now = new Date();
var day = now.getUTCDay();
var hrs = now.getUTCHours();

if ( (day == 0) && (hrs 2) && (hrs < 5) ) {
document.write('<p>ON AIR</p>');
}
else {
document.write('<p>OFF AIR</p>');
}
</script>
<noscript>
<p>Some nice message for users with script disabilities</p>
<p>It will not be shown to regular users</p>
</noscript>
</body>
</html>

Feb 18 '07 #3

P: n/a
VK wrote:
<html>
<head>
<title>Gary Jackson's show</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body>
<script type="text/javascript">
var now = new Date();
var day = now.getUTCDay();
var hrs = now.getUTCHours();

if ( (day == 0) && (hrs 2) && (hrs < 5) ) {
document.write('<p>ON AIR</p>');
}
else {
document.write('<p>OFF AIR</p>');
}
</script>
<noscript>
<p>Some nice message for users with script disabilities</p>
<p>It will not be shown to regular users</p>
</noscript>
</body>
</html>
Thank you so much!

Gary
Feb 18 '07 #4

P: n/a
In comp.lang.javascript message <UL*********************@bt.com>, Sun,
18 Feb 2007 14:27:59, Gary Jackson <gary.jackson1NOT@THIS.?.com.invalid>
posted:
>I present a*radio show on a voluntary radio station every Sunday
between 3 and 5pm
*
Is there a script which will change one graphic between those times?
*
Be nice if my web page could change to "ON AIR", but it's beyond me how
to do it.
Please do not post in HTML/multipart - FAQ 2.3 para 5.

It is presumably 15:00 to 17:00 LCT (local civil time), independently of
whether we are in Summer or Winter time; and your listeners may all be
using UK/IE time. Otherwise, there is code on my site with which
foreigners can determine UK time; you could adapt that.

Since this is a mere convenience to the reader, you can give them the
burden of having a correctly-set clock. Nowadays, most personal
computer clocks are set from a network time server anyway.

The problem is akin to a graphical-digit clock, as in <URL:http://www.me
rlyn.demon.co.uk/js-anclk.htm#Dig>; but at each tick you only have to
decide whether you are ON or OFF.

with (new Date()) { D = getDay() ; H = getHours() }
DH = D*24 + H
ON = DH>=15 && DH<17

will do the choosing; you should be able to adapt it for other times of
the week.
You don't need graphics; you could change text, and put it in a large
coloured font.

It's a good idea to read the newsgroup and its FAQ. See below.

--
(c) John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v6.05 IE 6
news:comp.lang.javascript FAQ <URL:http://www.jibbering.com/faq/index.html>.
<URL:http://www.merlyn.demon.co.uk/js-index.htmjscr maths, dates, sources.
<URL:http://www.merlyn.demon.co.uk/TP/BP/Delphi/jscr/&c, FAQ items, links.
Feb 19 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.