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 相关文章推荐
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
AngularJS+Bootstrap实现多文件上传与管理
Nov 08 Javascript
浅析Node.js:DNS模块的使用
Nov 23 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
教你一步步用jQyery实现轮播器
Dec 18 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 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
You might like
php xml常用函数的集合(比较详细)
2013/06/06 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
jQuery TextBox自动完成条
2009/07/22 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
python pandas 时间日期的处理实现
2019/07/30 Python
Python写出新冠状病毒确诊人数地图的方法
2020/02/12 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
销售文员岗位职责
2013/11/29 职场文书
电脑教师的自我评价
2013/12/18 职场文书
幼师求职自荐信范文
2014/01/26 职场文书
小学生民族团结演讲稿
2014/08/27 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
一个都不能少观后感
2015/06/04 职场文书
中秋节随笔
2015/08/15 职场文书
用Java实现简单计算器功能
2021/07/21 Java/Android