定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」
PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなやつです。自作しようと思ったのですが、あまりにもシンプルだったため、これを使用することにしました。ダウンロード
スクリプト
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.periodicalupdater.js" type="text/javascript"></script>
実装
<div id="div1022"></div> <script type="text/javascript"> $(document).ready(function(){ $.PeriodicalUpdater({ // オプション設定 url: 'currenttime', // 送信リクエストURL minTimeout: 6000, // 送信インターバル(ミリ秒) // method // 'post'/'get':リクエストメソッド // sendData // 送信データ // maxTimeout // 最長のリクエスト間隔(ミリ秒) // multiplier // リクエスト間隔の変更(2に設定の場合、レスポンス内容に変更がないときは、リクエスト間隔が2倍になっていく) // type // xml、json、scriptもしくはhtml (jquery.getやjquery.postのdataType) }, function(data){ var myHtml = 'The data returned at ' + data + ''; $('#div1022').prepend(myHtml); }); }) </script>
あとは、オプションを設定し、更新データを表示させるだけです。
PHP
function currenttime(){ echo date('Y-m-d H:i:s', time()); }
デモ
サンプルとして、時刻を要素の先頭に追加していく(prepend)ものをつくりました。
関連記事
-
ローソク足チャート「jqPlot」
「ローソク足チャート」は株価の4本値を表示するグラフでよく使われるグラフです。 一つのプロットでOHLC(Open, High, Low, Close) それぞれ、Openは始値、Highは高値、
-
エフェクト豊富なニュースティッカー用プラグイン「inewsticker」
「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。ダウンロード エフェクトには、fade/slide/typingの3つが可能です。 デ
-
jqPlot - Legend(凡例) オプション
jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。 目次 凡例を表示 凡例の位置 [location, placement] 凡例のフォ
-
カレンダー実装プラグイン「Bootstrap Calendar」
「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト
-
親要素の大きさに合わせて画像をリサイズ「imgLiquid」
「imgLiquid」は親要素の大きさに合わせて画像を縮小・切り取りを行ってくれるjQueryプラグインです。 ダウンロードはこちら スクリプト 実装
-
シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」
「bxSlider」はシンプルに設置でき、かついろいろとオプションが設定可能なスライダー用プラグインです。サイト CDN 標準でもしくはオプションで実現できそうなこと スワイプ キャプション
-
シンプルにモーダルウィンドウを実装できる「leanModal」
「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。オプションは少なめですが、複雑な機能は必要なく単に設置したいという場合にはもってこいのライブラリだと思いま
-
クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」
「jQuery Credit Card Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を
-
様々なタイプのグラフ表示をカバーする「jqPlot」(折れ線グラフ)
Webページにグラフ表示する機会があったので、探してみました。 今回、使用してみた「jqPlot」がシンプルにもできてカスタマイズも豊富でいいです。グラフ用データの形式が少しクセがあり、動的に扱う際
-
レスポンシブに対応したテーブルを実装できる「FooTable」
「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷
Comment
wordpress初心者です。結婚式があるので招待用のサイトを作っています。
プラグイン関係を使ってある程度やりたいことは調べまくってできたんですがどーしてもperiodicalupdaterのやり方がわかりません。
どこにある何に何を記述すれば動くのでしょうか?すみません。もしよろしければ教えて頂けないでしょうか?
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」
https://t.co/fukQyZK27m
フォームの自動保存とかに使えるかも。 / “jQuery: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 | Think deeply, Do less, …” http://t.co/3piOzMQJN9 #ajax #javascript
フォームの自動保存とかに使えるかも。
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 http://t.co/cImBjzHuas
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 http://kwski.net/jquery/1022/
[...] http://kwski.net/jquery/1022/ [...]
jQuery: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 kwski.net/jquery/1022/ @kwski3さんから
jQuery: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 http://kwski.net/jquery/1022/ @kwski3さんから
jQuery: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」 | Think deeply, Do less, More effective http://bit.ly/You3D3