编程 Javascript

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

Posted in Javascript onMarch 19, 2014

用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 相关文章推荐

Javascript保存网页为图片借助于html2canvas库实现

Sep 05 Javascript

详解JavaScript对象类型

Jun 16 Javascript

jQuery实现的导航下拉菜单效果

Jul 04 Javascript

JavaScript之underscore_动力节点Java学院整理

Jul 03 Javascript

jQuery Validate格式验证功能实例代码（包括重名验证）

Jul 18 jQuery

js实现图片放大展示效果

Aug 30 Javascript

React Native 自定义下拉刷新上拉加载的列表的示例

Mar 01 Javascript

基于express中路由规则及获取请求参数的方法

Mar 12 Javascript

js常见遍历操作小结

Jun 06 Javascript

如何使用CSS3+JQuery实现悬浮墙式菜单

Jun 18 jQuery

微信小程序如何获取地址

Dec 24 Javascript

EXTJS7实现点击拖拉选择文本

Dec 17 Javascript

深入理解Javascript里的依赖注入

Mar 19 #Javascript

js判断字符长度及中英文数字等

Mar 19 #Javascript

引入autocomplete组件时JS报未结束字符串常量错误

Mar 19 #Javascript

写出高效jquery代码的19条指南

Mar 19 #Javascript

JavaScript调试技巧之console.log()详解

Mar 19 #Javascript

js用闭包遍历树状数组的方法

Mar 19 #Javascript

Jquery原生态实现表格header头随滚动条滚动而滚动

Mar 18 #Javascript