Heim > Web-Frontend > js-Tutorial > So erzielen Sie den blinkenden Effekt des Webseitentitels

So erzielen Sie den blinkenden Effekt des Webseitentitels

醉折花枝作酒筹
Freigeben: 2021-04-21 09:43:45
nach vorne
2967 Leute haben es durchsucht

In diesem Artikel erhalten Sie eine detaillierte Einführung in die Methode zum Erzielen des Flash-Effekts von Webseitentiteln. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

So erzielen Sie den blinkenden Effekt des Webseitentitels

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);
Nach dem Login kopieren

Es ist zu beachten, dass

  • die Definition der i-Variablen nicht ignorieren kann

  • Leerzeichen können keine halbe Breite verwenden

【Empfohlenes Lernen:Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo erzielen Sie den blinkenden Effekt des Webseitentitels. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage