JavaScript で、数秒おきとか数分おきに定期的に自動で処理を行なう方法の解説です。
ブラウザ上でタイマー的なことを実現したり、Ajax 非同期通信と平行してブラウザ上の何らかの値を監視したりするのにも使えます。
window.setTimeout() を使うと、指定した時間の後に処理を実行できるので、これを利用してループを行ないます。
// 最初の実行
TimerCount();
function TimerCount(){
// ここに定期的に行なう処理を書く
// 1秒ごとに実行
window.setTimeout("TimerCount()",1000);
}
setTimeout の書式は 「setTimeout(処理,待機する時間(1/1000秒単位))」となっているので、1秒ごとに実行する場合は 1000 を指定します。1分なら 60000 ですね。
今年に入ってからTwitter関連のセミナー講師を既に七回させて頂いているわけですが、やっぱりどうしても多数の方が参加されるセミナーでは、誰にでも共通する全般的なことしか話せないところがあります。
※僕の講師実績はこちらです。
セミナー後に参加者の方々から色々質問を頂いてそれに答えたりしていると、その方の事業形態や、Webへの向き合い方など、色んな要素によって、Twitterの活用の方法にも色んなパターンがあるなぁ、と我ながら改めて思ったりします。
というわけで、ブームに乗って Twitter を始めてみたはいいものの、うまい使い方がわからない・どのようにビジネスに活用すれば良いのかわからない等の事業者さんに向けて、「Twitterビジネス活用の無料個別相談会」を実施してみたいと思います。
弊社事務所までお越し頂き、30分程度Twitterのビジネス活用について、無料で相談をお受けいたします。
今回は個別相談ということで、御社の希望にマッチした内容をお話しすることができるかと思います。
Twitterの機能的な部分での疑問、ビジネス活用のためのアイディア、既存ウェブサイトとの連携など、どんなことでもお気軽にご相談くださいね。
 指輪物語 旅の仲間 上1 |
J.R.R.トールキン著。 20数年ぶりの再読。 とは言え、昔小学生のときに読んだときは多分最初の背景説明で挫折してたはずｗ なので実際には初読。 最初の壁さえ乗り越えれば、生き生きとしたホビットたちの描写に引き込まれて一気に読める。 先に『ホビットの冒険』読んどいて良かった。 サムたちいい奴だなぁ。 8月6日読了。 |
 進化の存在証明 |
リチャード・ドーキンス著。 見えない敵と戦ってる感というか、ドーキンスさんがこの本で伝えたい人にはこれ、届かないんだろうなぁ、というのが何とも。 犬の育種だけでも証拠として充分に思えるのに、これだけの分量を書かせるだけの背景が英米にあるという事実が......。 内容としては、放射性炭素年代測定の細かい仕組みをはじめて知った。 年輪年代法の仕組みも凄いと思った。 グッピーの実験の事例も凄いなぁ。 8月15日読了。 |
 サイレントリー |
鈴木光司著。 あっさりとした結末が余計に余韻を生む短編集。 親と子・妻と夫のコミュニケーション、あるいはディスコミュニケーションを描いた作品が多かったので、読んだタイミング的に色々心に来るものがあった。 8月15日読了。 |
 ハイブリッドワーカー |
ヨシナガ著。 会社勤めをしながら副業としてクリエイティブな仕事をされている「ハイブリッドワーカー」な人たちのインタビュー集。 僕自身は会社員ではなく自営業なんだけど、本業とは別にやりたいけどやれてないことが沢山あって悶々としているので凄く良い刺激になった。 せっかく比較的自分の都合の良いように時間を使える立場にあるんだから、思ってるだけじゃなくてもっとなんでもやってみないとダメだな、と痛感。 8月17日読了。 |
 指輪物語 旅の仲間 上2 |
J.R.R.トールキン著。 だんだん盛り上がって参りました、的な。 ガンダルフが恋しい。 『ホビットの冒険』と比較して、道中が凄く多難でシリアスだなぁ。 あと、石化したトロル達が出てくるのはやっぱニヤニヤできて良い。 8月22日読了。 |
2010年8月の読了本は5冊でした。少なっ！
でもまあ『指輪物語』と『進化の存在証明』は時間をかけてじっくり読んで良かったかなと思う。
また jQuery の超小ネタのメモです。
jQUery で、指定した要素の中身を空にする方法です。
例えば p要素の中身を空にしたい場合は、以下のようにします。
つぶやく
$("p").empty();
もちろん、「.class」「#id」のような指定で、クラスやID指定した要素を空にもできます。
超小ネタですが。
jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。
例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。
<p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick="ChangeMessage();"> </form>
この時、function ChangeMessage() の中身は通常以下のようになります。
function ChangeMessage(){
$.post(
// 通信先URL
"./message.cgi",
// 送信するデータ
{
hoge:"huga"
},
// 返った結果の処理
function(data){
$("#message").html(data);
}
);
}
で、 message.cgi から結果が帰ってくるまでの間に「Now Loading」的な GIFアニメアイコンなんかを表示したければ、単に $.post (); の直前で、id="message" の中に GIFアニメアイコンを表示するようにすれば良いだけです。
結果が帰ってくれば、id="message" の中身はそのレスポンス内容に変更されますからね。
というわけで、
function ChangeMessage(){
$("#message").html('<img src="loading.gif" width="10" height="10" alt="Now Loading..." />');
$.post(
"./message.cgi",
{
hoge:"huga"
},
function(data){
$("#message").html(data);
}
);
}
みたいな感じの一行を追加すれば良いわけです。
簡単にローディング中の GIFアニメアイコンを作れるサイトがあったので、ついでにご紹介。
Load Info - gif generator で、色々と Now Loading なアイコンを簡単に作ることができます。
Webコンサルタントやシステムエンジニア、執筆業などをやっている、グッドホープ代表・阿部辰也のブログです。
Web技術系のTipsから仕事の話、趣味の話まで色々と。
人生は所詮生まれてから死ぬまでの壮大な暇つぶし。
だったら有意義に暇をつぶして生きましょー。
Powered by Movable Type 5.02
