LoginSignup
7
7

More than 5 years have passed since last update.

JavaScriptで要素を点滅させるショートコーディング

Last updated at Posted at 2014-12-08

需要ないとは思いますが

HTML
<span id="text">点滅</span>
JavaScript
setInterval("text.style.opacity^=1",500) //500ms毎に切り替え

解説

  • setIntervalは文字列を一定時間ごとに実行出来る
  • IDをつけた要素はグローバル変数に入っている
  • opacityの値は数値だから、1との排他的論理和で型変換&透明度の切り替えができる

備考

opacityの初期値が""で、一回目の切り替えで1となるので、最初に一回分のタイムラグが生じます。対処するにはstyle="opacity: 0;"をつければいいですが、そこまでやるぐらいならもう少しちゃんと実装した方がいいと思います。

追記(2014/12/09)

コメントにあるように、このコードを実際に使うのは推奨されません。
あくまでもアイデアの一つとして捉えていただけると嬉しいです。

7
7
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7