定期的に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」(折れ線グラフ)
Webページにグラフ表示する機会があったので、探してみました。 今回、使用してみた「jqPlot」がシンプルにもできてカスタマイズも豊富でいいです。グラフ用データの形式が少しクセがあり、動的に扱う際
-
-
わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」
サムネイル化してくれるJQueryプラグインは数多くありますが、この「MyThumbnail」はわずか数行で簡単にページ上の画像を指定サイズにサムネイル化してくれます。 ダウンロード 画像とし
-
-
シンプルにモーダルウィンドウを実装できる「leanModal」
「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。オプションは少なめですが、複雑な機能は必要なく単に設置したいという場合にはもってこいのライブラリだと思いま
-
-
iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」
「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード スクリプト 実装
-
-
テキストに装飾効果を付けるプラグイン
Burn #テキストに炎のような効果 Burn サイト デモ スクリプト 実装 AAA $(function () { $('#defa
-
-
ナビゲーションメニューを画面サイズによってドロップダウンにしてくれる「TinyNav.js」
「TinyNav.js」はナビゲーションメニューを画面サイズがある以下になるとドロップダウンにしてくれるjQueryプラグインです。 スクリプト 実装 スタイルシート
-
-
バリデーション プラグイン
Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2
-
-
シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」
「bxSlider」はシンプルに設置でき、かついろいろとオプションが設定可能なスライダー用プラグインです。サイト CDN 標準でもしくはオプションで実現できそうなこと スワイプ キャプション
-
-
時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)
「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker
-
-
「jqPlot」を使って棒グラフを作成
jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。 スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。
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