jQueryによる自動更新


定期的に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());
}
スポンサード・リンク

以上、忘れないように記録。


日本で一番簡単にビットコインが買える取引所 coincheck bitcoin