ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでテキストを点滅させる方法?

jQueryでテキストを点滅させる方法?

DDD
DDDオリジナル
2024-11-01 15:51:31996ブラウズ

How to Make Text Blink with jQuery?

jQuery でテキストを点滅させる

HTML 要素を操作するための JavaScript ライブラリである jQuery でテキストを点滅させるには、次の手順を使用します。

<code class="javascript">$('.blink').each(function() {
    var elem = $(this);
    setInterval(function() {
        if (elem.css('visibility') == 'hidden') {
            elem.css('visibility', 'visible');
        } else {
            elem.css('visibility', 'hidden');
        }    
    }, 500);
});</code>

このコードは、setInterval() メソッドを使用して、クラス「blink」を持つ要素の表示/非表示を 500 ミリ秒ごとに繰り返し切り替えます。可視性が「非表示」の場合はテキストが消え、「可視」の場合はテキストが表示されます。

点滅効果を停止するには、clearInterval() と間隔 ID を使用して間隔をクリアします。 setInterval() が呼び出されたときに返されました。

以上がjQueryでテキストを点滅させる方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。