這篇文章主要介紹了JS實(shí)現(xiàn)超簡(jiǎn)潔網(wǎng)頁(yè)title標(biāo)題跑動(dòng)閃爍提示效果代碼,涉及JavaScript結(jié)合定時(shí)函數(shù)動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)超簡(jiǎn)潔網(wǎng)頁(yè)title標(biāo)題跑動(dòng)閃爍提示效果代碼。分享給大家供大家參考，具體如下：

這里演示不幾行JS代碼實(shí)現(xiàn)的網(wǎng)頁(yè)Title文字跑動(dòng)效果，類似有消息時(shí)的標(biāo)題閃爍提醒功能，在JS代碼中，當(dāng)變量_record累加到3是，將其賦值為1。相當(dāng)于無(wú)限循環(huán)。需要顯示的消息提示內(nèi)容可自擬哦。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-title-blink-style-codes/

具體代碼如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS實(shí)現(xiàn)title標(biāo)題閃爍提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
  _record++;
  if(_record==3){//當(dāng)變量_record累加到3是，將其賦值為1。相當(dāng)于無(wú)限循環(huán)。
    _record=1;
  }
  if(_record==1){
    document.title='【  】'+myTitle;
  }
  if(_record==2){
    document.title='【新消息】'+myTitle;
  }
  setTimeout("titleBlink()",500);//調(diào)節(jié)時(shí)間，單位毫秒。
}
titleBlink();
</script>
<center><h1>幾行js實(shí)現(xiàn)閃爍的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript快速調(diào)試的兩個(gè)技巧
這篇文章主要給大家介紹了關(guān)于JavaScript快速調(diào)試的兩個(gè)技巧，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
詳解JavaScript數(shù)組的常用方法
這篇文章主要為大家介紹了JavaScript數(shù)組的常用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-11-11
Javascript尾遞歸編程的實(shí)現(xiàn)
本文主要介紹了Javascript尾遞歸編程的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
在本篇文章里小編給大家整理的是關(guān)于js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼以及相關(guān)知識(shí)點(diǎn)，需要的朋友們可以學(xué)習(xí)下。
2019-08-08
newxtree.js代碼
newxtree.js代碼...
2007-03-03
JS實(shí)現(xiàn)輪播圖效果的3種簡(jiǎn)單方法
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)輪播圖效果的3種簡(jiǎn)單方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
基于BootStrap與jQuery.validate實(shí)現(xiàn)表單提交校驗(yàn)功能
學(xué)習(xí)前臺(tái)后臺(tái)最開(kāi)始接觸的業(yè)務(wù)都是用戶注冊(cè)和登錄,下面通過(guò)本文給大家介紹BootStrap與jQuery.validate實(shí)現(xiàn)表單提交校驗(yàn)功能，感興趣的朋友一起學(xué)習(xí)吧
2016-12-12
javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本
這篇文章主要介紹了javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下
2017-02-02
JS中split()用法（將字符串按指定符號(hào)分割成數(shù)組）
這篇文章主要介紹了JS中split()用法（將字符串按指定符號(hào)分割成數(shù)組）的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-10-10
mpvue實(shí)現(xiàn)微信小程序快遞單號(hào)查詢代碼
這篇文章主要介紹了mpvue實(shí)現(xiàn)微信小程序快遞單號(hào)查詢，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-04-04