プログラマの雑談部屋 ★316at PROGプログラマの雑談部屋 ★316 - 暇つぶし2ch■コピペモード□スレを通常表示□オプションモード□このスレッドのURL■項目テキスト950:仕様書無しさん 24/01/21 13:35:33.66 .net >>938 NGってなーに??? 951:仕様書無しさん 24/01/21 13:38:19.80 .net >>939 コテハン名をNGワードにするってことだよ 952:仕様書無しさん 24/01/21 13:39:36.69 .net おいついにウーバーイーツ終わったか? パートナーがいませんってなったぞ この地域でこんなこと初めてだ 953:仕様書無しさん 24/01/21 13:40:34.04 .net >>936 お前のGPTおかしいんじゃね ソースコードの部分は消したけど以下が出たぞ HTMLのimgのレンダリングが終わったタイミングでJS処理を走らせる方法はいくつかありますが、一般的な方法は以下のようなものです。 - **loadイベント**を使う: img要素にloadイベントのリスナーを登録して、画像の読み込みが完了したときにJS処理を実行する方法です。例えば、以下のようなコードがあります。 このコードでは、img要素のsrc属性に指定された画像が読み込まれたときに、コンソールに"Image loaded!"と表示するJS処理を実行します。loadイベントは、img要素だけでなく、windowやdocumentなどにも適用できます。 - **Intersection Observer API**を使う: 画像がビューポートに入ったときにJS処理を実行する方法です。Intersection Observer APIは、要素の表示状態を監視して、交差したときにコールバック関数を実行するAPIです。例えば、以下のようなコードがあります。 このコードでは、img要素がビューポートに入ったときに、コンソールに"Image visible!"と表示するJS処理を実行します。Intersection Observer APIは、画像の遅延読み込みや、スクロールに応じたアニメーションなどにも使えます。 以上が、HTMLのimgのレンダリングが終わったタイミングでJS処理を走らせる方法の一例です。他にも、Promiseやasync/awaitなどの非同期処理の機能を使う方法もあります。ご参考になれば幸いです。 次ページ最新レス表示レスジャンプ類似スレ一覧スレッドの検索話題のニュースおまかせリストオプションしおりを挟むスレッドに書込スレッドの一覧暇つぶし2ch