首页 / JQUERY / javascript + jquery实现定时修改文章标题

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript + jquery实现定时修改文章标题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1067字，纯文字阅读大概需要2分钟。

内容图文

用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>

内容总结

以上是互联网集市为您收集整理的javascript + jquery实现定时修改文章标题全部内容，希望文章能够帮你解决javascript + jquery实现定时修改文章标题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/363007.html

来源：【匿名】