目次 |
---|
・1分おきに画像を置き換えるには ・1分おきに画像を置き換えるサンプル |
var myajax; function execute() { // パラメータ(表示時間)生成 now = new Date(); hh = now.getHours().toString(); if (hh.length == 1) { hh = '0' + hh; } mm = now.getMinutes().toString(); if (mm.length == 1) { mm = '0' + mm; } tm = hh + mm; // 取得処理実行 myajax = new Ajax.PeriodicalUpdater( "container", "http://localhost/test.php", { method : "get", parameters : "tm=" + tm, frequency : 60, onSuccess : function(request) { // 読込み成功時の処理 response = eval('(' + request.responseText + ')'); // $('name').innerHTML = response.Name; $('recipe').innerHTML = response.Recipe; if (response.Time != '-') { tm = response.Time; hh = response.Time.substring(0, 2); // str = '<img src='; str = str.concat("http://localhost/images/" + tm); str = str.concat('.jpg />'); // $('center').innerHTML = str; } // パラメータ(表示時間)生成 now = new Date(); hh = now.getHours().toString(); if (hh.length == 1) { hh = '0' + hh; } mm = now.getMinutes().toString(); if (mm.length == 1) { mm = '0' + mm; } tm = hh + mm; par = myajax.options.parameters; var hash = $H(par).toQueryString().parseQuery(); hash["tm"] = hh + mm; hash["id"] = Math.random(); myajax.options.parameters = $H(hash); }, onComplete : function(request) { // 読込み完了時の処理 alert('読込みが完了しました。'); }, onFailure : function(request) { // 読込み失敗時の処理 alert('読込みに失敗しました。'); }, onException: function (request) { // 読込みエラーの処理 alert('読込み中にエラーが発生しました。'); } } ); }