HTML 標題閃動
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport">
<title>MMOGA Power | 網頁標題閃動,點擊停止定時器</title>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<h1 style="vertical-align:middle;text-align:center;" id="cleanIntval">網頁標題閃動,點擊停止定時器</h1>
<script type="text/javascript" language="javascript">
$(function () {
flash_title();
});
//網頁標題提示閃動
var step = 0;
var documentTitle = document.title;
var mytimer = setInterval("flash_title()", 1000);//定義計時器
function flash_title() {
step++
if (step == 3) { step = 1 }
if (step == 2) { document.title = documentTitle; }
if (step == 1) { document.title = "您有新的消息，請注意查收！"; }
}
$('#cleanIntval').click(function(){
console.log(documentTitle)
document.title = documentTitle;
clearInterval(mytimer);
})
</script>
</body>
</html>
