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 相关文章推荐
ExtJS下grid的一些属性说明
Dec 13 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 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
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
jquery选择器使用详解
2014/04/08 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
three.js中文文档学习之创建场景
2017/11/20 Javascript
js中的闭包学习心得
2018/02/06 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
python保存字典和读取字典的实例代码
2019/07/07 Python
python elasticsearch环境搭建详解
2019/09/02 Python
下载与当前Chrome对应的chromedriver.exe(用于python+selenium)
2020/01/14 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
存储过程的优点有哪些
2012/09/27 面试题
软件测试题目
2013/02/27 面试题
说明书怎么写
2014/05/06 职场文书
肖申克救赎观后感
2015/06/02 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
教你用python实现12306余票查询
2021/06/30 Python
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技