首頁 > 開發者 > JavaScript
主要是通過setTimeout方法設定一個定時器，切換訊息提示，從而達title到訊息提示的閃爍。
複製代碼 代碼如下:
<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>
點擊頁面取消訊息閃爍提示
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
