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实现页面打印的三种方法
Mar 05 Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
jquery 动态增加删除行的简单实例(推荐)
Oct 12 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
基于vue-video-player自定义播放器的方法
Mar 21 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 Vue.js
深入理解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
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
Views rows style模板重写代码
2011/05/16 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
基于jquery的一个图片hover的插件
2010/04/24 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
2016/12/22 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
vue 过滤器filter实例详解
2018/03/14 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python通过索引遍历列表的方法
2015/05/04 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
纯CSS实现预加载动画效果
2017/09/06 HTML / CSS
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
Python面试题:如何用Python来发送邮件
2016/03/15 面试题
《会变的花树叶》教学反思
2014/02/10 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
股份合作协议书
2014/04/12 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
话题作文之学会尊重
2019/12/16 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL