Jsonpで定期的にJsonを取得する方法を教えてください

Question

jsont( { "id": "ntp-a1.nict.go.jp",
"it": 1232963971.248,
"st": 1232963971.920,
"leap": 33,
"next": 1230768000,
"step": 1 } )

という情報

function jsont(json) {
  var tm = new Date( json["st"] * 1000 );
  alert( tm.toLocaleString() );
}

<script type="text/javascript" src="http://ntp-a1.nict.go.jp/cgi-bin/jsont">
</script>

http://www.nict.go.jp/JST/http.html　から引用

を改良して、1秒ごとに時間情報を取得したいです。
どうすれば良いでしょうか

Comments

[m.ts10806]

JavaScriptの定期実行でしたら調べれば幾らでも出てきそうなものですが、何が分からないのでしょうか。

Answer 1

alertは非同期処理の敵なのでせめてconsole.logにしてください

$(function(){
  setInterval(function(){
  $.ajax({
  url:"http://ntp-a1.nict.go.jp/cgi-bin/jsont",
  dataType:"jsonp",
  cache:false,
  });
  },1000);
});
function jsont(json){
  var tm = new Date( json["st"] * 1000 );
  console.log( tm.toLocaleString() );
}

ただし1秒おきにサーバーに外部アクセスするのはちょっと危険かも・・・

非jQuery

function jsont(json){
  var tm = new Date( json["st"] * 1000 );
  console.log( tm.toLocaleString() );
}
var url="http://ntp-a1.nict.go.jp/cgi-bin/jsont";
var xhr=new window.XMLHttpRequest();
setInterval(function(){
  xhr.open('get',url);
  xhr.send(null);
  xhr.onreadystatechange=function(){
    if(( xhr.readyState == 4 ) && ( xhr.status == 200 )){
      eval(xhr.responseText);
    }
  }
},1000);

Comments

[wakara]

なるべくJqueryは使いたくないのですが、どうすれば良いでしょうか。よろしくおねがいします。

[wakara]

回答ありがとうございます。

[yambejp]

非jQuery版を追記しておきました

[wakara]

回答ありがとうございます。