ウェブページにアクセスした1回目だけ要素を動かすサンプル001

1回目のアクセスである場合のみ、特定の処理を実行するためのサンプルです。
sessionStorage を使う方法

1回目にアクセスした時だけ、下の四角が動きます。

結果:

メモ

  • 1回目のアクセス時に、sessionStorage に訪問済みのデータを格納し、それを毎回チェックするだけです。
  • sessionStorage なのでこのタブを閉じたら、次回はまた1回目のアクセスとなります。
  • ウェブブラウザに保存されたデータは、ウェブブラウザの開発者ツールでを見ることができます。

ソースコードはこちら

参考