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 相关文章推荐
基于jquery的web页面日期格式化插件
Nov 15 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
js实现弹窗暗层效果
Jan 16 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
Mar 30 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
深入理解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 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
javascript 节点遍历函数
2010/03/28 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
ES6教程之for循环和Map,Set用法分析
2017/04/10 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
解析vue中的$mount
2017/12/21 Javascript
Vue 自定义动态组件实例详解
2018/03/28 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
python获取网页状态码示例
2014/03/30 Python
python实现Flappy Bird源码
2018/12/24 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
python字符串的index和find的区别详解
2020/06/20 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
英国汽车和货车租赁网站:Hertz英国
2016/09/02 全球购物
植物选择:Botanic Choice
2017/02/15 全球购物
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
高三自我鉴定范文
2013/10/19 职场文书
中学生学习生活的自我评价
2013/10/26 职场文书
木工主管岗位职责
2013/12/08 职场文书
营业员岗位职责
2015/02/11 职场文书
土建技术员岗位职责
2015/04/11 职场文书
2015中学教学工作总结
2015/07/22 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书