JavaScript - Multi-timezone-clock

function timeclock()
{
var t=setTimeout("startclock()",500);
}

function startclock()
{

var x = new Date();
var hour = x.getHours();
var min = x.getMinutes();
var sec = x.getSeconds();
	if (hour<10){hour="0"+hour}
	if (min<10){min="0"+min}
	if (sec<10){sec="0"+sec}
document.getElementById("clock").innerHTML=hour+":"+min+":"+sec;
timeclock();
}

$(document).ready(function() {
	$.Juitter.start({
		searchType:"fromUser", // needed, you can use "searchWord", "fromUser", "toUser"
		searchObject:"gillesmarini", // needed, you can insert a username here or a word to be searched for, if you wish multiple search, separate the words by comma.

		// The values below will overwrite the ones on the Juitter default configuration. 
		// They are optional here.
		// I'm changing here as a example only
		lang:"en", // restricts the search by the given language
		live:"live-125", // the number after "live-" indicates the time in seconds to wait before request the Twitter API for updates.
		placeHolder:"juitterContainer", // Set a place holder DIV which will receive the list of tweets example <div id="juitterContainer"></div>
		loadMSG: "Loading messages...", // Loading message, if you want to show an image, fill it with "image/gif" and go to the next variable to set which image you want to use on 
		imgName: "loader.gif", // Loading image, to enable it, go to the loadMSG var above and change it to "image/gif"
		total: 4, // number of tweets to be show - max 100
		readMo  "Read it on Twitter", // read more message to be show after the tweet content
		nameUser:"text", // insert "image" to show avatar of "text" to show the name of the user that sent the tweet 
		openExternalLinks:"newWindow", // here you can choose how to open link to external websites, "newWindow" or "sameWindow"
                filter:"sex->*BAD word*,porn->*BAD word*,****->*BAD word*,****->*BAD word*"  // insert the words you want to hide from the tweets followed by what you want to show instead example: "sex->censured" or "porn->BLOCKED WORD" you can define as many as you want, if you don't want to replace the word, simply remove it, just add the words you want separated like this "porn,sex,****"... Be aware that the tweets will still be showed, only the bad words will be removed
	});
	$("#aRodrigo").click(function(){
		$(".jLinks").removeClass("on");
		$(this).addClass("on");									  
		$.Juitter.start({
			searchType:"fromUser",
			searchObject:"mrjuitter,rodrigofante",
			live:"live-120" // it will be updated every 120 seconds/2 minutes
		});
	});
	$("#aIphone").click(function(){
		$(".jLinks").removeClass("on");
		$(this).addClass("on");									   
		$.Juitter.start({
			searchType:"searchWord",
			searchObject:"iPhone,apple,ipod",
			live:"live-20"  // it will be update every 20 seconds 
		});
	});
	$("#aJuitter").click(function(){
		$(".jLinks").removeClass("on");
		$(this).addClass("on");								  
		$.Juitter.start({
			searchType:"searchWord",
			searchObject:"Juitter",
			live:"live-180" // it will be updated every 180 seconds/3 minutes
		});
	});
        $("#juitterSearch").submit(function(){

									  

		$.Juitter.start({

			searchType:"searchWord",

			searchObject:$(".juitterSearch").val(),
			live:"live-20", // it will be updated every 180 seconds/3 minutes
			filter:"sex->*BAD word*,porn->*BAD word*,****->*BAD word*,****->*BAD word*"
		});
                return false;

	});
        $(".juitterSearch").blur(function(){
            if($(this).val()=="") $(this).val("Type a word and press enter");
        });
        $(".juitterSearch").click(function(){
            if($(this).val()=="Type a word and press enter") $(this).val("");
        });
        
        
});

<script type="text/javascript">

function start_clock(){
    
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('clck').innerHTML = h+":"+m+":"+s;
t=setTimeout('start_clock()');
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}

    var intval=""
    function start_Int(){
        if(intval==""){
          intval=window.setInterval("start_clock()",1000)
      }else{
          stop_Int()
      }
    }

    function stop_Int(){
        if(intval!=""){
          window.clearInterval(intval)
          intval=""
          myTimer.innerHTML="Interval Stopped"
      }
    }

    
</script>


<h1>A live clock in JavaScript</h1>
</head>
<body onload="start_clock()">

<p>The time according to your PC is </p>

<span id="clck">Interval Stopped</span>
    <br><br><br>
    <input type="button" value="Start" onclick="start_Int()">
    <input type="button" value="Stop" onclick="stop_Int()">

function dateClock()
{
// Coding
}
setTimeout("dateClock()", 1000);

...
<script src="date.js" type="text/javascript">
</script>
</head>
<body>
<script type="text/javascript">
document.write("<p style='margin:-15px 0px;background-color:black;position:fixed;padding:5px;'>"+Day+", "+Month+" "+date+", "+Year+"<br />"+Hour+":"+Minute+":"+Sec+" "+Suffix+"</p>");
</script>

<body onload="globalclock()">
<input type="text" size="50" id="globalclock" />
<select ......... onchange="">
<option value=''>select city</option>
<option value='0'>Athens</option>
<option value='1'>New York</option>
....
....
<option value='36'>.........</option>
</select>

//default clock
dow="f";
cdate="a";
ctime="a";
city  = 5; //its my default city when page load

 function showTime (dateObj) {
	thissecond=dateObj.getSeconds();
	thisMinute=dateObj.getMinutes();
	thisHour=dateObj.getHours();
	
	// change thisHour from 24-hour time to 12-hour time by:
	// 1) if thisHour < 12 then set ampm to "a.m." otherwise set it to "p.m."
	var ampm = (thisHour < 12) ? "a.m." : "p.m.";
	
	// 2) subtract 12 from the thisHour variable
	thisHour = (thisHour > 12) ? thisHour - 12 : thisHour;
	
	// 3) if thisHour equals 0, change it to 12
	thisHour = (thisHour == 0) ? 12 : thisHour;
	
	// add leading zeros to minutes and seconds less than 10
	thisMinute = thisMinute < 10 ? "0"+thisMinute : thisMinute;
	thisSecond = thisSecond < 10 ? "0"+thisSecond : thisSecond;
	
	return thisHour + ":" + thisMinute + ":" + thisSecond + ampm;
} 

 <?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 3
   Tutorial Case

   The Chamberlain Civic Center
   Author: 
   Date:  

   Filename:         ccc.htm
   Supporting files: back.jpg, calendar.css, calendar.js, ccc.css, ccc.jpg, logo.gif
-->
   <title>The Chamberlain Civic Center</title>
   <link href="ccc.css" rel="stylesheet" type="text/css" />

	
   <link href="calendar.css" rel="stylesheet" type="text/css" />
	
   <script src="calendar.js" type="text/javascript"></script>

</head>

<body>
   <div id="head">
	
   	<script type="text/javascript">
		
   			calendar("March 25, 2011");
	
   	</script>
      <img src="ccc.jpg" alt="Chamberlain Civic Center" />
   </div>

   <div id="links">
      <table><tr>
      <td><a href="#">Home</a></td><td><a href="#">Tickets</a></td>
      <td><a href="#">Events</a></td><td><a href="#">Tour</a></td>
      <td><a href="#">Directions</a></td><td><a href="#">Hours</a></td>
      <td><a href="#">Packages</a></td><td><a href="#">Contact Us</a></td>
      </tr></table>
   </div>

   <div id="main">
      <p id="firstp"><img src="photo.jpg" alt="" />March is another banner month 
      at the Chamberlain Civic Center, with performances of the award-winning 
      musical, <span>The Producers</span> by the Broadway Touring Company on
      March 4, 5, and 6. Tickets are going fast, so order yours today.</p>

     <p>Celebrate the season on March 11 with the Chamberlain Symphony and their 
        special selection of classical music with Spring themes. The next day, 
        March 12, exercise your mind by attending the Charles Dickens mystery 
        <span>Edwin Drood</span>.</p>

     <p>Jazz lovers have a lot to celebrate in March with a visit from <span>The 
        Jazz Masters</span> on the 17th. Then on March 24, enjoy the music of The 
        Duke with <span>An Ellington Tribute</span> performed by the Jazz Company 
        of Kansas City.</p>

     <p>Pins, bottles, plates, and chairs are flying at the Chamberlain Civic 
        Center in March. <span>The Taiwan Acrobats</span> return with another 
        amazing performance on Sunday, March 13. On March 20, the <span>Madtown 
        Jugglers</span> get into the act with their unique blend of comedy, juggling, 
        and madness.</p>

     <p>Enjoy a classical brunch every Sunday afternoon with music provided by the 
        Carson Quartet. Seating is limited, so please reserve your table.</p>
   </div>

   <address>
      The Chamberlain Civic Center &nbsp;·&nbsp;
      2011 Canyon Drive &nbsp;·&nbsp;
      Chamberlain, SD 57325 &nbsp;·&nbsp;
      (800) 555-8741
   </address>

</body>
</html> 

 /*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 3
   Tutorial Case
   Filename: ccc.css

   This file contains styles used in the ccc.htm file
*/

body {margin: 0px; background: white url(back.jpg) repeat-y scroll 820px 0px}
#head {width: 750px; height: 150px; padding: 5px}

#links {clear: right; width: 750px; padding: 0px}
#links table {width: 750px; font-family: Arial, Helvetica, sans-serif;
              font-size: 8pt; margin: 0px}
#links table td {text-align: center; background-color: white;
                 border: 1px solid black; letter-spacing: 5; padding: 2px}
#links table a {text-decoration: none; color: rgb(223,29,29); width: 100%}
#links table a:hover {color: white; background-color: rgb(223,29,29)}

#main {width: 750px; font-family: Arial, Helvetica, sans-serif; padding: 10px}
#main p {text-align: justify; font-size: 9pt}
#firstp:first-line {font-variant: small-caps}
#main img {float: right; margin: 0px 0px 10px 10px}

#main p span {color: rgb(223,29,29)}

address {width: 750px; font-size: 8pt; font-style: normal; color: rgb(223,29,29);
         font-family: Arial, Helvetica, sans-serif; text-align: center;
         border-top: 1px solid rgb(223,29,29); padding-bottom: 10px}