ホームページ > ウェブフロントエンド > jsチュートリアル > Webページのタイトルの点滅効果を実現する方法

Webページのタイトルの点滅効果を実現する方法

醉折花枝作酒筹
リリース: 2021-04-21 09:43:45
転載
2967 人が閲覧しました

この記事では、Web ページのタイトルの点滅効果を実現する方法を詳しく紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

Webページのタイトルの点滅効果を実現する方法

Code

// 获取当前网页标题
    // console.log(document.title);
    // document.title = '快点 打开'

    // 如果状态的数量是固定的一定要想到两个固定的东西
    // 1. 取余
    // 2. switch……case……

    // 1.定时器
    // 2.两个标题
    // 这里空格必须使用全角的空格 否则不会在标题中显示
    var title1 = '[   ]标题名';
    var title2 = '[新提醒]标题名';
    var i = 0;
    setInterval(function() {
        // 切换两个标题的显示
        // 判断
        if (i % 2 == 0) {
            document.title = title1;
        } else {
            document.title = title2;
        }
        i++;
    }, 500);
ログイン後にコピー

  • は i 変数の定義を無視できないことに注意してください

  • スペースには半角スペースは使用できません

  • <タイトルが m 個ある場合は、切り替えてください%m

[推奨学習: JavaScript 上級チュートリアル]

以上がWebページのタイトルの点滅効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート