溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript怎么實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題閃爍效果

發(fā)布時(shí)間:2021-04-21 11:37:11 來(lái)源:億速云 閱讀:275 作者:小新 欄目:web開(kāi)發(fā)

小編給大家分享一下javascript怎么實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題閃爍效果,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

JavaScript可以做什么

1.可以使網(wǎng)頁(yè)具有交互性,例如響應(yīng)用戶點(diǎn)擊,給用戶提供更好的體驗(yàn)。 2.可以處理表單,檢驗(yàn)用戶的輸入,并提供及時(shí)反饋節(jié)省用戶時(shí)間。 3.可以根據(jù)用戶的操作,動(dòng)態(tài)的創(chuàng)建頁(yè)面。 4使用JavaScript可以通過(guò)設(shè)置cookie存儲(chǔ)在瀏覽器上的一些臨時(shí)信息。

代碼

// 獲取當(dāng)前網(wǎng)頁(yè)標(biāo)題
    // console.log(document.title);
    // document.title = '快點(diǎn) 打開(kāi)'

    // 如果狀態(tài)的數(shù)量是固定的一定要想到兩個(gè)固定的東西
    // 1. 取余
    // 2. switch……case……

    // 1.定時(shí)器
    // 2.兩個(gè)標(biāo)題
    // 這里空格必須使用全角的空格 否則不會(huì)在標(biāo)題中顯示
    var title1 = '[   ]標(biāo)題名';
    var title2 = '[新提醒]標(biāo)題名';
    var i = 0;
    setInterval(function() {
        // 切換兩個(gè)標(biāo)題的顯示
        // 判斷
        if (i % 2 == 0) {
            document.title = title1;
        } else {
            document.title = title2;
        }
        i++;
    }, 500);

需要注意的有

  • 不能忽略定義 i 變量

  • 空格不能用半角

  • <有m個(gè)標(biāo)題間切換就 %m

看完了這篇文章,相信你對(duì)“javascript怎么實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題閃爍效果”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI