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 相关文章推荐
不安全的常用的js写法
Sep 15 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
jquery获取tr中控件值并操作tr实现思路
Mar 27 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
jQuery中:gt选择器用法实例
Dec 29 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
Mar 04 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
JavaScript变量作用域_动力节点Java学院整理
Jun 27 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 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中的MVC模式运用技巧
2007/05/03 PHP
PHP连接access数据库
2008/03/27 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
javascript preload&amp;lazy load
2010/05/13 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
js实现下拉菜单效果
2017/03/01 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
微信小程序使用npm支持踩坑
2018/11/07 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
Python通过future处理并发问题
2017/10/17 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
利用python编写一个图片主色转换的脚本
2017/12/07 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
四年级语文教学反思
2014/02/05 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
公司内部升职自荐信
2015/03/27 职场文书
收入证明申请书
2015/06/12 职场文书
归途列车观后感
2015/06/17 职场文书
员工担保书范本
2015/09/22 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
详解pytorch创建tensor函数
2022/03/22 Python