JS實現超簡潔網頁title標題跑動閃爍提示效果代碼
更新時間：2015年10月23日 10:04:38 作者：企鵝
這篇文章主要介紹了JS實現超簡潔網頁title標題跑動閃爍提示效果代碼,涉及JavaScript結合定時函數動態(tài)操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現超簡潔網頁title標題跑動閃爍提示效果代碼。分享給大家供大家參考，具體如下：
這里演示不幾行JS代碼實現的網頁Title文字跑動效果，類似有消息時的標題閃爍提醒功能，在JS代碼中，當變量_record累加到3是，將其賦值為1。相當于無限循環(huán)。需要顯示的消息提示內容可自擬哦。
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-title-blink-style-codes/
具體代碼如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS實現title標題閃爍提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
_record++;
if(_record==3){//當變量_record累加到3是，將其賦值為1。相當于無限循環(huán)。
_record=1;
}
if(_record==1){
document.title='【 】'+myTitle;
}
if(_record==2){
document.title='【新消息】'+myTitle;
}
setTimeout("titleBlink()",500);//調節(jié)時間，單位毫秒。
}
titleBlink();
</script>
<center><h1>幾行js實現閃爍的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
- 淺談JavaScript 代碼簡潔之道
- 淺談時鐘的生成(js手寫簡潔代碼)
- js+css實現超簡潔的二級下拉菜單效果代碼
- js實現簡潔的TAB滑動門效果代碼
- js實現浮動在網頁右側的簡潔QQ在線客服代碼
- angular.js和vue.js中實現函數去抖示例（debounce）
- javascript函數的節(jié)流[throttle]與防抖[debounce]
- JavaScript中定時控制Throttle、Debounce和Immediate詳解
- JavaScript性能優(yōu)化之函數節(jié)流（throttle）與函數去抖（debounce）
- javascript中的throttle和debounce淺析
- Javascript Throttle & Debounce應用介紹
- javascript防抖函數debounce詳解
相關文章
下面小編就為大家?guī)硪黄狫avaScript轉換數據庫DateTime字段類型方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
JavaScript通過function定義對象并給對象添加toString()方法實例分析
這篇文章主要介紹了JavaScript通過function定義對象并給對象添加toString()方法,實例分析了javascript中function定義對象及添加方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
Symbol是es6引入的一個新的原始數據類型，是一個獨一無二的值。這篇文章主要為大家介紹了JavaScript中原始數據類型Symbol的使用，感興趣的可以了解一下2023-02-02
JavaScript talbe表中指定位置插入一行的實現代碼 腳本之家修正版
用js實現的在table中指定的位置插入一行，先點一下表中你想插入的位置，點擊即可。2009-06-06
這篇文章主要介紹了js blob類型url的視頻下載問題的解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
下面小編就為大家?guī)硪黄猠asyui-combobox 實現簡單的自動補全功能示例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，2016-11-11
javascript中call,apply,callee,caller用法實例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結合實例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關操作注意事項,需要的朋友可以參考下2019-07-07
本文將介紹JavaScript如何實現拼音排序 支持所有主流瀏覽器+中英文系統(tǒng)2012-11-11
這篇文章主要為大家詳細介紹了基于原生js實現圖片輪播效果的具體代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了淺談JS中幾種輕松處理'this'指向方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09