<html>
<head>
<title>JS效果-浏覽器标題欄閃爍</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
// 使用message對象封裝消息
var message = {
time: 0,
title: document.title,
timer: null,
// 顯示新消息提示
show: function () {
var title = message.title.replace("【 】", "").replace("【新消息】", "");
// 定時器,設定消息切換頻率閃爍效果就此産生
message.timer = setTimeout(function () {
message.time++;
message.show();
if (message.time % 2 == 0) {
document.title = "【新消息】" + title
}
else {
document.title = "【 】" + title
};
}, 600);
return [message.timer, message.title];
},
// 取消新消息提示
clear: function () {
clearTimeout(message.timer);
document.title = message.title;
}
};
message.show();
// 頁面加載時綁定點選事件,單擊取消閃爍提示
function bind() {
document.onclick = function () {
message.clear();
};
}
</script>
</head>
<body>