定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグイン(PeriodicalUpdater)がとても便利。
まずは、PeriodicalUpdaterをダウンロードして保存。
スクリプト
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.periodicalupdater.js" type="text/javascript"></script>
実装
<div id="contents"></div> <script type="text/javascript"> $(document).ready(function(){ $.PeriodicalUpdater({ url: 'currenttime', // 送信リクエストURL minTimeout: 6000, // 送信インターバル(ミリ秒) method: 'GET' // 'post'/'get':リクエストメソッド // data: '', // 送信データ array of values to be passed to the page - e.g. {name: "John", greeting: "hello"} // maxTimeout // 最長のリクエスト間隔(ミリ秒) // multiplier // リクエスト間隔の変更(2に設定の場合、レスポンス内容に変更がない場合は、リクエスト間隔が2倍になっていく模様) // type // xml、json、scriptもしくはhtml (jquery.getやjquery.postのdataType) }, function(data) { $('#contents').prepend(remoteData); }); }) </script>
PHP側
function currenttime(){ echo date('Y-m-d H:i:s', time()); }スポンサード・リンク
以上、忘れないように記録。