JavaScript : setTimeout
書式 タイマーID = setTimeout(処理, ミリ秒) タイマーID = window.setTimeout(処理, ミリ秒) タイマーID = フレームオブジェクト.setTimeout(処理, ミリ秒) 説明 指定されたミリ秒後に指定された処理を実行します。戻り値としてタイマーIDが返されます。設定したタイマーを解除するにはclearTimeout()のパラメータにタイマーIDを指定します。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <script type="te
clearInterval
書式 clearInterval(★) ★＝タイマー変数名 文例 clearInterval(timerID) 上位オブジェクト frames, window 説明 インターバルタイマーをクリアします。インターバルタイマーをクリアするためにはsetIntervalでタイマー変数を指定しておく必要があります。再度タイマー起動させるにはsetIntervalを使用します。 関連 clearTimeout, setInterval, setTimeout サンプル１ サンプル２（Dreamcast用）
setInterval
書式 ★＝setInterval(☆,◆) ★＝タイマー変数名 ☆＝タイマー割り込みで実行される命令または関数名 ◆＝割り込み秒数(1/1000秒単位） 文例 timerID = setInterval('myFunc()', 200) 上位オブジェクト frames, window 説明 インターバルタイマーを設定します。setTimeoutと違い一度割り込み指定をすると定期的に関数を呼び出します。割り込み秒数は１秒が1000になります。0.2秒であれば200になります。 関連 clearInterval, clearTimeout, setTimeout サンプル１ サンプル２（Dreamcast用）
slayeroffice | code | image cross fade redux
Photos © Kevin C. Smith This is a rewrite of a very old experiment. This rewrite uses unobtrusive DOM scripting and semantic markup to achieve its goals, and is somewhat less abusive of the CPU in Firefox. It also works in Safari - the original version was written prior to Safari supporting the CSS3 "opacity" property. Opera doesn't support opacity, so the images will just flip in that browser. Fo
JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数＝メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第９回で、このように述べています。 「（thisキーワードは）実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数（メソッド）などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
JavaScript による IFRAME の動的実装
<script type="text/javascript"> // ********************************************************* // 関数 // ********************************************************* function doAction( strValue ) { var base; var obj; base = document.getElementById(strValue); base.innerHTML = ""; // IFRAME 作成 obj = document.createElement("iframe"); // IFRAME の見栄え属性をセット obj.setAttribute("frameBorder", "1"); obj.setAttribu
Site Cooler NZ | Points to Note When Shopping for a Washing Machine
Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas
TwitterAPI.js
【2010-06-17 追記】 従来と同じ使い方のまま OAuth に対応した、TwitterAPI2.js を公開しました。 下記、TwitAPI.js に対するラッパになります。 詳細は、TwitterAPI2.js を参照して下さい。 【2010-06-12 追記】OAuth 対応版を公開しました まだ完成度は低いですが、基本的な動作は可能になったので公開しました。インターフェースなどが変更になっていますが、基本的な使用感は変わりません。 TwitAPI.js 現状の TwitterAPI.js は 2010-06-30 2010-08-31 をもって利用できなくなります。 Twitter の BASIC 認証による API 提供が、6月末に終了することが正式発表され、BASIC 認証を利用している現状の TwitterAPI.js はそれと同時に利用できなくなります。Twitter
自分のページにTwitterのつぶやきを表示する方法まとめ [javascript] - RinGoon POP!!
気になるニュースや時事の話題を毎朝配信！世界と日本の未来を分析します。デジモノや料理の情報、WQXGAサイズの壁紙も。 このページでは、Twitterでつぶやいた内容を、javascriptのみで、自分のページに表示する方法を解説する。 このページでも右上に表示させていますが、Twitterのつぶやきを自分のページに表示させるのは、とても簡単です。 1. javascriptの埋め込み 以下の javascript をページに記入します。変更しなければいけないのは、 Twitterのユーザ名 （例：BabaTaka）つぶやきを何個表示するか （例：1個ならcount=1）の2点です。 <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"> </script> <script type="
ページ移動の必要が無くなるページング系jQueryプラグイン・Pagination Plugin - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ページングのユーザビリティを あげたいけど、オートタイプは 嫌だ、と言う方にオススメの jQueryプラグインがありました。 選択肢の一つに如何でしょう。 タブのような感覚でページ移動が出来ます。ページ数の多いサイトはユーザビリティとしても取り入れたいですね。
クロスフェードするロールオーバー処理をお手軽に実装するJavaScript - KAZUMiX memo
#ff0000">2009年6月3日更新:ブラウザの「戻る」でフェード状態が残らないように修正。またリンクになっていなくてもフェードの対象にするようにした。 マウスカーソルが画像の上に重なったとき、その画像ファイル名の最後が _rollout となっている場合、その _rollout 画像を _rollover にフェードさせるJavaScriptです。 クロスフェードするロールオーバー処理 動作サンプル サンプルのロールオーバー用の画像は次のようなファイル名になっています。 menu01_rollout.png 最初のメニューの標準画像 menu01_rollover.png 最初のメニューのロールオーバー画像 menu02_rollout.png 2番目のメニューの標準画像 menu02_rollover.png 2番目のメニューのロールオーバー画像 menu03_rollout.pn
フェード効果｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説複数の画像にいろいろなクロスフェード効果を付けてスライド表示することができるライブラリ。 普通にクロスフェードするだけではなく、画像のどこからどこまでスクロールしながらクロスフェードするか、上下どちら方向にスクロールしながらクロスフェードするかなど、インパクトのあるスライドショーを作ることができます。 設置イメージ HEAD <!-- JS --> <script type="text/javascript" src="jquery-1.2.6.min.js" charset="utf-8"></script> <script type="text/javascript" src="jquery.cross-slide.js" charset="utf
ASCII.jp：jQueryで作る画像ギャラリーのチュートリアル｜Web制作の現場で使えるjQuery UIデザイン入門
ページを遷移せずにサムネイルの一覧から画像を選んで拡大表示する「画像ギャラリー」は、jQueryを使えば比較的簡単に作れます。今回は、シンプルなデザインの画像ギャラリーの作成方法を紹介します。 画像ギャラリーの基本部分を作ってみよう 作成するのは、左側にサムネイル画像の一覧、右側にメイン画像を配置し、サムネイルをクリックするとメイン画像がページを遷移せずに切り替わる画像ギャラリー機能です。 はじめに、もっともシンプルな「サムネイルをクリックするとメイン画像が切り換わるページ」を作成します。 WebページのHTML／XHTML（以下HTML）とCSSは以下のようになっています。サムネイルの一覧部分はul／li要素でマークアップし、サムネイル画像はそれぞれ a要素で包みます。a要素のhref属性にはサムネイルに対応するメイン画像のURLを設定します。メイン画像は div#main内にimg要素
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Index/メソッド、プロパティ・リファレンス
http://woorktuts.110mb.com/art_of_reuse_code/index4.html
Loading...
Loading...
http://miracle-ysdesign.com/blog/javascript/457.html