プログラム開発・ネットワーク敷設

ブログパーツの作り方

今回はブログパーツの作り方です。
作成したいブログパーツは
正確な標準時刻

Powered by pasol.net
です。
１．元となるソースコードを用意する
　　　今回は正確な標準時刻を表示するプログラムを作成します。
　　　NTPサーバにアクセスして、標準時刻を取得し、ブログパーツに表示するプログラムです。
　　　ソースコードは

　　　を利用します。
２．ユーザのHTMLに貼り付けてもらえるように1行にまとめます。
　　　Javascriptでdocument.write("")を用いると、上記のファイルを１つにまとめられます。
　　　つまり、サーバ上に

document.open();
document.write("<script type='text/javascript'>");
document.write("    var tmJST;");
document.write("    function jsont(json) {");
document.write("        var tm = new Date(json['st'] * 1000);");
document.write("        tmJST = tm;");
document.write("        setTimeout('AddSec()', 1000);");
document.write("    }");
document.write("");
document.write("    function AddSec() {");
document.write("        tmJST.setSeconds(tmJST.getSeconds() + 1);");
document.write("        document.getElementById('JSTClock').innerHTML = tmJST.toLocaleString();");
document.write("        setTimeout('AddSec()', 1000);");
document.write("    }");
document.write("</script>");
document.write("<script type='text/javascript' src='http://ntp-a1.nict.go.jp/cgi-bin/jsont'>");
document.write("</script>");
document.write("<font size='3'>正確な標準時刻</font>");
document.write("<div id='Div1'>");
document.write("</div>");
document.write("<font size='1'>Powered by <a href='http://pasol.net'>pasol.net</a></font>");
document.close();

　　　と書いたファイルを用意しjst.js保存します。。
３．ユーザに利用してもらうために上記ファイルへのリンクを案内します。
　　　このブログパーツを利用するには

　　　を貼り付けてください。出来上がりは
http://pasol.net/JSTCM.aspx
　　　をご覧ください。