js改变网页标题实例学习

发布时间:2019-11-16编辑:脚本学堂
分享几个js修改网页标题的代码,学习下js改变网页标题的实现方法,不错的js特效代码,有需要的朋友做个参考。

例1,使用setTimeout(),clearTimeout()修改网页标题。

js代码:
 

复制代码 代码示例:
<script>
var x=0;
var s ;
function startChange(){
 window.document.title = ++x%2  ? '新消息': '>>新消息<<';
 s = setTimeout("startChange()",500);
};
function stopChange(){
 clearTimeout(s);
};
</script>

html代码:
 

复制代码 代码示例:
<input type="button" value="start" onClick='s'/>
<input type="button" value="stop" onClick="stopChange()"/>

例2,使有setInterval(),clearInterval()改变网页标题。
js代码:
 

复制代码 代码示例:
<script>
 var x=0;
 var s ;
 function startChange(){
  s = setInterval("doit()",500);
 
 };
 
 function doit(){
  window.document.title = ++x%2  ? '新消息': '>>新消息<<';
 }
 
 function stopChange(){
  clearInterval(s);
 };
</script>

html代码:
 

复制代码 代码示例:
<body>
单击按钮,修改网页标题显示:
<input type="button" value="start" onClick="startChange()"/>
<input type="button" value="stop" onClick="stopChange()"/>
</body>