Jqueryライブラリを使用する場合、私はそのチュートリアルを見たばかりで、非常に小さな変更を加えるだけで機能します。
<html>
<head>
<script src="js/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$.getTime = function(zone, success) {
var url = 'http://json-time.appspot.com/time.json?tz='
+ zone + '&callback=?';
$.getJSON(url, function(o){
success && success(o.datetime);
});
};
// Usage:
function doit(){
$.getTime('America/Detroit', function(time){
alert(time);
});
}
$(document).ready(function(){ $('#summat').click(doit); });
</script>
</head>
<body>
<div id="summat">CLICK ME</div>
</body>
</html>
ここで、変数「time」は、特定のタイムゾーン、つまりアメリカ/デトロイトの現地時間と日付の文字列です。