HTML 标题闪动

最新推荐文章于 2023-02-20 07:44:36 发布

或非与

最新推荐文章于 2023-02-20 07:44:36 发布

阅读量590

点赞数

分类专栏： js/jq/h5/cs3

本文链接：https://blog.csdn.net/qq_27517377/article/details/105314002

版权

js/jq/h5/cs3 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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>