javascript + jquery实现定时修改文章标题

157 阅读 0 评论 104 点赞

我是靠谱客的博主含糊自行车，最近开发中收集的这篇文章主要介绍javascript + jquery实现定时修改文章标题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

用javascript+jquery写的一个定时器，定时修改文章标题。

复制代码代码如下:

 
<!DOCTYPE html> 
<html> 
<head> 
<title>TODO supply a title</title> 
<meta charset="GB2312"> 
<meta name="viewport" content="width=device-width"> 
</head> 

<body> 
<div> 
<ul id="jokeTitle"> 
<li class="line">Test Line One</li> 
<li class="line">Test Line Two</li> 
<li class="line">Test Line Three</li> 
</ul> 
</div> 
<script type="text/javascript" src="ie/js/jquery-1.9.0.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

var changeJokeTitle = { 
line:3, //笑话的总行数 
timeSpan:1850, //时间间隔（毫秒） 
interval:'', //定时器句柄，以便于停止 
showLineFlag:0, //标志， 
change:function(){ 

var currentLine = (++changeJokeTitle.showLineFlag)%(changeJokeTitle.line); 

$('#jokeTitle li:eq('+currentLine+')').show(); 
$('#jokeTitle li:not(:eq('+currentLine+'))').hide(); 
}, 
run:function(){ 
$('#jokeTitle li:eq(0)').show(); 
$('#jokeTitle li:not(:eq(0))').hide(); 
changeJokeTitle.interval = setInterval(changeJokeTitle.change, changeJokeTitle.timeSpan); 
} 
}; 

changeJokeTitle.run(); 

}); 
</script> 
</body> 

</html> 