SimplePortal

Customization => Custom Coding => Topic started by: Old Fossil on April 29, 2009, 05:15:26 PM

Title: World Clock preferably Digital
Post by: Old Fossil on April 29, 2009, 05:15:26 PM

Is there a block for this?

We are currently testing a new theme and unfortunately not all the mods are currently showing.

However once this is eventually sorted out ( php is unknown to us) we may be looking into a world clock for the portal.

Love the shoutbox by the way.

Title: Re: World Clock preferably Digital
Post by: Nathaniel on April 29, 2009, 07:39:49 PM

There is no block for this, although you should be able to do it with a PHP or HTML block.

Below is an example of a digital clock producing site, where you just need to copy the HTML given to you into a HTML block.
http://www.timeanddate.com/clocks/free.html

If you do a search (maybe on google) then you will find many more.

Title: Re: World Clock preferably Digital
Post by: Old Fossil on May 01, 2009, 12:47:00 AM

Sorted with thanks.

Title: Re: World Clock preferably Digital
Post by: Tones on January 16, 2010, 04:07:37 AM

Ik now this is an old topic so apologies for bumping it. Though  i've got a text based clock on my version with world times people can maybe use if they wish

Code: [Select]

<table width="100%">
    <tr>
        <td width="100%" align="center">
            <select name="city" size="1" onchange="updateclock(this);">
                <option value="" selected>Local time</option>
                <option value="0">London GMT</option>
                <option value="1">Rome</option>
                <option value="7">Bangkok</option>
                <option value="8">Hong Kong</option>
                <option value="9">Tokyo</option>
                <option value="10">Sydney</option>
                <option value="12">Fiji</option>
                <option value="-10">Hawaii</option>
                <option value="-8">Los Angeles</option>
                <option value="-5">New York</option>
                <option value="-3">Buenos Aires</option>
            </select>
        </td>
    </tr>
    <tr>
        <td width="100%" align="center">
<script language="JavaScript">
if (document.all||document.getElementById)
document.write('<IMG height=16 src="Themes/default/images/timer.gif" width=16>    <span id="worldclock" style="font:bold 12px verdana;"></span><br>') 
zone=0;
isitlocal=true;
ampm='';
function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}
function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();
hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2
var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}
setTimeout('WorldClock()',1000);
}
window.onload=WorldClock
//-->
</script>
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 12px verdana;"></layer></ilayer>
        </td>
    </tr>
</table>
place the timer image into you default theme images  folder.