JS實(shí)現(xiàn)超簡(jiǎn)潔網(wǎng)頁(yè)title標(biāo)題跑動(dòng)閃爍提示效果代碼
本文實(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ì)有所幫助。
- 淺談JavaScript 代碼簡(jiǎn)潔之道
- 淺談時(shí)鐘的生成(js手寫(xiě)簡(jiǎn)潔代碼)
- js+css實(shí)現(xiàn)超簡(jiǎn)潔的二級(jí)下拉菜單效果代碼
- js實(shí)現(xiàn)簡(jiǎn)潔的TAB滑動(dòng)門(mén)效果代碼
- js實(shí)現(xiàn)浮動(dòng)在網(wǎng)頁(yè)右側(cè)的簡(jiǎn)潔QQ在線客服代碼
- angular.js和vue.js中實(shí)現(xiàn)函數(shù)去抖示例(debounce)
- javascript函數(shù)的節(jié)流[throttle]與防抖[debounce]
- JavaScript中定時(shí)控制Throttle、Debounce和Immediate詳解
- JavaScript性能優(yōu)化之函數(shù)節(jié)流(throttle)與函數(shù)去抖(debounce)
- javascript中的throttle和debounce淺析
- Javascript Throttle & Debounce應(yīng)用介紹
- javascript防抖函數(shù)debounce詳解
相關(guān)文章
js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
在本篇文章里小編給大家整理的是關(guān)于js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼以及相關(guān)知識(shí)點(diǎn),需要的朋友們可以學(xué)習(xí)下。2019-08-08JS實(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-12javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本
這篇文章主要介紹了javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下2017-02-02JS中split()用法(將字符串按指定符號(hào)分割成數(shù)組)
這篇文章主要介紹了JS中split()用法(將字符串按指定符號(hào)分割成數(shù)組)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10mpvue實(shí)現(xiàn)微信小程序快遞單號(hào)查詢代碼
這篇文章主要介紹了mpvue實(shí)現(xiàn)微信小程序快遞單號(hào)查詢,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04