定期的に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)ものをつくりました。
関連記事
-
-
入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」
「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v
-
-
ナビゲーションメニューを画面サイズによってドロップダウンにしてくれる「TinyNav.js」
「TinyNav.js」はナビゲーションメニューを画面サイズがある以下になるとドロップダウンにしてくれるjQueryプラグインです。 スクリプト 実装 スタイルシート
-
-
レスポンシブに対応したテーブルを実装できる「FooTable」
「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷
-
-
[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」
「jTruncate」は、長くなってスペースをとってしまう文章をなどであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。 ダウンロードはこちら デモ スクリプト
-
-
シンプルにポップアップを実装できる「PopBox」
「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。 スクリプト HTML Click Here!
-
-
ファイルアップロードフォーム プラグイン
Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h
-
-
Wysiwygエディタ用プラグイン「CKEditor」
「CKEditor」は、Wysiwygエディタを実装できるプラグインです。 ダウンロード | デモ スクリプト 実装 文字数・単語数のカウント表
-
-
グリッドレイアウト プラグイン
Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb
-
-
表示パターン豊富なスライダー「flexslider 2」
「flexslider 2」は、シンプルに実装でき、かつカスタマイズ機能が豊富なスライダー用プラグインです。 flexslider 2 オプションや機能 サムネイルナビゲーション 複数表示
-
-
日付入力に便利な「Datepicker for Bootstrap」
「Datepicker for Bootstrap」はテキストボックスにカレンダーを表示して日付入力を便利にしてくれるjQueryプラグインです。 目次 Datepicker for Boot
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