画像がJavaScript/jQueryで読み込まれているかどうかを確認する
この投稿では、画像が JavaScript で読み込まれているかどうかを確認する方法について説明します。画像がロードされているかどうかを確認するということは、画像が完全にダウンロードされ、ブラウザによってレンダリングされたかどうかを判断することを意味します。 1.使用する complete 属性 画像が完全にロードされたかどうかを判断するには、 complete の属性 HTMLImageElement インターフェース。この属性は、次の値を返すブール型プロパティです。 true 画像が完全にロードされている場合、および false さもないと。これを一緒に使用する必要があります naturalWidth また naturalHeight プロパティも、 HTMLImageElement インターフェース。これらのプロパティは、画像の固有の幅と高さをそれぞれピクセル単位で返します。これらの
Google+ ウィジェットの JavaScript コードに async / defer 属性がついた件
Google+ プラットフォームで配布されている、「+1 ボタン」 や、「バッジ」 などの JavaScript コードすべてに、async / defer 属性が付与されるようになりました。 Google+ プラットフォームで配布されている、「+1 ボタン」 や、「バッジ」 などを Web サイトに設置する際に使用される JavaScript のソースコードがありますが、これらソースコードに、script 要素の async / defer 属性が付与されるようになりました。 Googleの Ilya Grigorik 氏が自身の Google+ に投稿しているほか、実際のソースコードにもすでに反映されています。 All Google+ widgets have been updated to use the script[async + defer] pattern!... ： Ily
リサイズ $(window).resize が終了した時点で実行 | Web Design Leaves
リサイズのイベントは多数発生するので、リサイズが終了した時点である処理を実行する場合の方法のメモ。（「[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する」を参考にさせていただきました。） setTimeout()メソッド このメソッドに関数と時間（ミリ秒）を指定すると、指定した時間が経過したときに、指定した関数が実行される。 また setTimeout() の戻り値（タイマーID：整数）を claerTimeout() に渡すと関数の実行が取り消される。
jQueryでリストを一つずつ遅延して表示する
Posted: 2013.03.15 / Category: javascript / Tag: jQuery リストじゃなくてもいいのですが、羅列されたリストなどを表示するときjQueryで一つずつ表示してみます。 とりあえずhtmlでリストを作成します。 html <ul class="delay-show"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> ...... </ul> jQueryのコードはこんな感じです。 javascript $(function() { $('ul.delay-show li') .css({opacity: 0}) .each(function(i){ $(this).delay(500 * i).animate({opacity:1}, 1500); }); }); delay メソッドでタイミングを遅らせて
DAD UNION – エンジニア同盟｜世のエンジニアを手助けするテック系サイト
JavaScript JavaScriptで簡単にBase64エンコード＆デコードの完全ガイド 2024-06-10 dad-union
うのらぼ。 - 【JavaScript】jQueryの読み込み待ちとか関数の処理待ちとか遅延処理っぽいこと
っていう JavaScript を書いたとき、 func1 の処理が完全に終わってから func2 の処理を行いたい。 そんなことを考えてたわけなのですが。 どうにかしてうまいこと処理したい、そう思って調べてたら、 動的スクリプトローディング（さんざん既出だと思うけど｜IT戦記 こんな記事を発見。 jQuery が完全に読み込まれたのを確認してから実際の処理を行う、というものなのだったので一部拝借。 $(function(){ func1(); //func2(); //setTimeout で遅延処理 setTimeout(function(){ if(!func1()) setTimeout(arguments.callee, 100); else func2(); }, 100); }); var func1 = function(){ //処理 1 return true; //処
JavaScriptのsetTimeout()のまとめ
JavaScriptのsetTimeout()の使い方についてまとめてみました。 まとめているのは基本的なことのみですので、さらに詳しい内容については参考記事等を参照願います。 認識誤りがありましたらどこかでつぶやいてください。 １．setTimeout()の機能は？ タイムアウトした時点で、パラメータに指定した処理を1度だけ実行させるための関数です。 ２．setTimeout()のパラメータは？ 第1パラメータに起動したい処理または関数、第2パラメータにタイムアウト時間（＝第1パラメータで指定した関数または処理を起動させるまでの待ち時間）をミリ秒で指定します。 setTimeout( 起動したい処理または関数, タイムアウト時間 ); ３．setTimeout()の返却値は？ タイマーIDが返却されます。タイマーIDは単なる整数です。 var timer_id = setTimeout(
setTimeout と arguments.callee で、$.ajax() を retry する
■ [javascript][jquery] setTimeout と arguments.callee で、$.ajax() を retry する 昨日、jQuery の $.ajax() の実行が失敗したときに、少しまってから retry させたかったんだけど、その方法が分からずはまったのでメモ。 arguments.calleeとsetTimeoutを使ってJavaScriptのリトライ処理を簡単に書く方法 | さくらたんどっとびーず を参考にした。 (function() { var callee = arguments.callee; $.ajax({ url: 'http://example.com/api/hoge', error: function () { setTimeout(callee, 1000); } }); })(); $.ajax() は、処理に失敗したとき
必殺の .apply()フックを打つべし！ 打つべし！（JavaScript おれおれ Advent Calendar 2011 – 17日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 17日目 .apply()で成り済ましができたり仕事をスルーして丸投げしたりする事ができますが、さらにもうひとつ、フックを行う事ができます。 フック(hook)というのはフック船長のフック、鉤爪の事で、処理を「ひっかける」ような事です。ある関数が実行される際に、独自のコードを実行させる事ができます。 フック (プログラミング) – Wikipedia フック（Hook）は、プログラム中の特定の箇所に、利用者が独自の処理を追加できるようにする仕組みである。また、フックを利用して独自の処理を追加することを「フックする」という。 あの処理がどこで呼ばれてるかわからないときに 具体例をひとつ。例えばjQueryで「どこかのタイミングで勝手にクラス名が追加されてしまって困っている」という場合を考えます。その場合は .add
[JS]Firefoxでのパララックススクロールのもたつきを解消するスクリプト
複数の画像を使って視差効果を生み出すパララックススクロールを操作する際、Firefoxで起こるもたつきを解消するスクリプトを紹介します。 Faster parallax scrolling websites in Firefox [ad#ad-2] パララックススクロールとは下記のサイトなどで使用されているテクニックで、複数のレイヤーをそれぞれ異なるタイミングでスクロールし、視差効果を生み出すものです。 Iutopi ここで紹介するのは、これらのパララックススクロールを操作する際、Firefoxでもたつくのを解消するスクリプトです。 この現象は、IE, Chrome, Safari, Operaでは見られません。 Firefoxでのパララックススクロールのもたつきを解消するスクリプト 下記のスクリプトを使用することで、Firefoxでのもたつきを解消できます。 /* Firefox sup
[AS3] Observerパターンのサンプルプログラム
オブジェクト指向プログラミングにおけるデザインパターンに、「Observerパターン」があります。対象オブジェクトの状態が変わるごとに、その情報を必要なインスタンス(Observer)に送る仕組みです。Javaの例をActionScript 3.0に書替えてみましょう。今回は、デザインパターンの解説書として定評のある結城浩著『Java言語で学ぶデザインパターン入門』のサンプルプログラムを題材とします[*1]。 Observerパターンは、出版−購読型モデルとも呼ばれます。メールマガジンに登録して、その配信を受けるのと似た仕組みです。したがって、配信する側(Generator)と受取る側(Observer)のふたつの役割が必要になります。ActionScript 3.0のクラス設計では、インターフェイスで仕様を定めます。 01 配信側クラスの仕様 ー インターフェイスINumberGener
![[AS3] Observerパターンのサンプルプログラム](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yktmt blog: setIntervalのcallbackに引数を渡す