JS實現(xiàn)閃動的title消息提醒效果
更新時間：2014年06月20日 09:17:13 投稿：junjie
這篇文章主要介紹了JS實現(xiàn)閃動的title消息提醒效果,考慮并兼容了大部份的瀏覽器,需要的朋友可以參考下
有時候我們需要提醒用戶，有新的消息，這個可以使用下面的方法實現(xiàn)。
效果就是網(wǎng)頁窗口在沒有獲取焦點并且最小化的時候，網(wǎng)頁窗口的標(biāo)題欄“title”顯示的內(nèi)容為“【 】”，“【新消息】”的閃爍效果。
<script language="JavaScript">
setTimeout('flash_title()',2000); //2秒之后調(diào)用一次
function flash_title()
{
//當(dāng)窗口效果為最小化，或者沒焦點狀態(tài)下才閃動
if(isMinStatus() || !window.focus)
{
newMsgCount();
}
else
{
document.title='訂單管理中心-AOOXING';//窗口沒有消息的時候默認(rèn)的title內(nèi)容
window.clearInterval();
}
}
//消息提示
var flag=false;
function newMsgCount(){
if(flag){
flag=false;
document.title='【新訂單】';
}else{
flag=true;
document.title='【 】';
}
window.setTimeout('flash_title(0)',380);
}
//判斷窗口是否最小化
//在Opera中還不能顯示
var isMin = false;
function isMinStatus() {
//除了Internet Explorer瀏覽器，其他主流瀏覽器均支持Window outerHeight 和outerWidth 屬性
if(window.outerWidth != undefined && window.outerHeight != undefined){
isMin = window.outerWidth <= 160 && window.outerHeight <= 27;
}else{
isMin = window.outerWidth <= 160 && window.outerHeight <= 27;
}
//除了Internet Explorer瀏覽器，其他主流瀏覽器均支持Window screenY 和screenX 屬性
if(window.screenY != undefined && window.screenX != undefined ){
isMin = window.screenY < -30000 && window.screenX < -30000;//FF Chrome
}else{
isMin = window.screenTop < -30000 && window.screenLeft < -30000;//IE
}
return isMin;
}
</script>
相關(guān)文章
這篇文章主要給大家介紹了js執(zhí)行字符串代碼的具體實現(xiàn),需要的朋友可以參考下2024-06-06
這篇文章主要介紹了JS中數(shù)組的splice()方法,包括其用途、參數(shù)（起始位置、刪除元素個數(shù)、添加元素等）、不同參數(shù)情況的處理方式,還詳細(xì)講解了用原生JS手寫splice()方法的思路和代碼實現(xiàn)2024-11-11
本文主要介紹了手把手教你uniapp和小程序分包，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
最近公司需求做一個微信紅包雨功能,這里給大家總結(jié)下實現(xiàn)的方法,這篇文章主要給大家介紹了關(guān)于uni-app微信小程序之紅包雨活動的相關(guān)資料,需要的朋友可以參考下2024-01-01
微信小程序?qū)崿F(xiàn)歷史搜索功能的全過程(h5同理)
最近在使用微信小程序開發(fā)的時候遇到了一個需求,需要實現(xiàn)歷史搜索記錄的功能,所以下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)歷史搜索功能(h5同理)的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)張圖片合成為一張并下載，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
JavaScript實現(xiàn)經(jīng)典貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)經(jīng)典貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript實現(xiàn)的原生態(tài)Tab標(biāo)簽頁功能【兼容IE6】
這篇文章主要介紹了JavaScript實現(xiàn)的原生態(tài)Tab標(biāo)簽頁功能,可兼容IE6及谷歌等瀏覽器,涉及javascript事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
JS實現(xiàn)重新加載當(dāng)前頁面或者父頁面的幾種方法
本文介紹了JS實現(xiàn)重新加載當(dāng)前頁面或者父頁面的幾種方法.需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript禁止微信瀏覽器下拉回彈效果的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05