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

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

醉折花枝作酒筹
醉折花枝作酒筹転載
2021-04-21 09:43:452924ブラウズ

この記事では、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 までご連絡ください。