定期的に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)ものをつくりました。
関連記事
-
-
グリッドレイアウト プラグイン
Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb
-
-
数値入力スライダー「jQuery Simple Slider」
「jQuery Simple Slider」はスライダーを使用して数値設定が行えるようにしてくれるjQueryプラグインです。"Unobtrusive Numerical Slider"とあるように余
-
-
入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」
「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v
-
-
画像ズーム プラグイン
画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームする というような機能があるようです。
-
-
要素を折りたたみできる「nestedAccordion」
「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。ダウンロードはこち
-
-
テキストに装飾効果を付けるプラグイン
Burn #テキストに炎のような効果 Burn サイト デモ スクリプト 実装 AAA $(function () { $('#defa
-
-
テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」
「jQuery - numeric」は、テキストボックスへの入力を数字のみに制限してくれるjQueryプラグインです。正/負、整数/小数点 チェックまで限定してくれます。ダウンロード スクリプト
-
-
[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」
「jTruncate」は、長くなってスペースをとってしまう文章をなどであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。 ダウンロードはこちら デモ スクリプト
-
-
カルーセル プラグイン
「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り
-
-
レスポンシブに対応したテーブルを実装できる「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